初始化项目 yarn add init 安装vue yarn add vue 安装webpack,webpack-dev-server(是一个小型的Node.js Express服务器) yarn add webpack webpack-dev-server 安装babel,babel的作用是将es6的语法编译成浏览器认识的语法es5 yarn add babel babel-core babel-loader babel-preset-es2015 用来解析vue的组件,.vue后缀的文件 y…

基于VUE框架的基本描述 与 其他框架间的基本对比 2018-11-03  11:01:14 A B React React 和 Vue 有许多相似之处,它们都有: 使用 Virtual DOM 提供了响应式 (Reactive:其特点是异步或并发.事件驱动.推送PUSH机制以及观察者模式的衍生)  和组件化 (Composable: 其特点是能够被组成(来自多个较小的元素)) 的视图组件. 将注意力集中保持在核心库,而将其他功能如路由和全局状态管理交给相关的库. 1. 运行时性能 React…

Yarn常用命令总结 1>.查看任务列表 [root@storage101 ~]# yarn application -list :: INFO client.RMProxy: Connecting Total Application-Id Application-Name Application-Type User Queue State Final-State Progress Tracking-URL application_1549585395672_0005 com.sarrs.str…

常用命令: memcached设计的原则就是简单,所以支持的命令也不是特别多~ 1.查看memcached的状态,主要用于分析内存的使用状况.优化内存分配等 stats 查看memcached的运行状态 stats items 查看items的状态 stats slabs 查看slabs的内存分配状态,注重点在性能而非计数 stats sizes 查看 2.存 set 存值,若key已存在会覆盖原值 add 存值,若key已存在保存失败 replace 替换原值,若key不存在替换失败 appe…

最近在用yarn,但是命令老是记不住,在此记录,方便日后翻看 图片截取自:http://yuanhehe.cn/2017/06/11/npm-%E4%B8%8E-Yarn-%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4%E5%AF%B9%E6%AF%94/…

1.安装 yarn npm install yarn -g 2.卸载yarn npm uninstall yarn -g…

简单编写一个vue插件,当点击时触发notify插件,dom中出现相应内容并且在相应时间之后清除,我们可以在根组件中设定通知内容和延迟消失时间. 1. 基础知识 我们首先初始化一个vue项目,删除不需要的组件和样式,主要针对src下一些初始化资源,有过vue项目基础的应该很容易理解,如果没有vue基础建议先熟悉每个初始化文件的作用. 关于vue中如何开发插件可以直接看vue官方文档,简单了解插件开发过程,vue插件文档. 现在我们在src目录下新建一个plugin文件夹,里面存放要开发的插件no…

这次遇到的一个问题困扰了我很久很久,大致就是vue路由的addRoutes方法的使用,每次在调用了这个之后router对象中并没有将路由添加进去,接下来,我一步一步的分析原因及解决方法(个人见解,仅供参考) (1)先看看我的失败的代码 ​ store.getters.addRouters我存在vuex中,但是实际是存于session中的,所以刷新后是不会丢失数据的 ​ 在app.vue的mounted输出this.$router对象,发现options.routes数组并没有将动态路由添加成功,…

1.mouseup事件丢失 查看了网上资料,造成mouseup事件丢失有两种原因: (1)触发了浏览器的drag事件 (2)由于鼠标离开了操作的区域,触发了mouseleave事件导致mouseup丢失 解决办法: 针对第一种情况:阻止系统默认操作防止drag被触发 在@mouseup或v-on:mouseup后面加上.prevent阻止默认操作,和.stop阻止事件冒泡(此方法是根据网上原生js改写,还没有实践) 同时记录下网上的的原生解决办法 ​ 第二种情况: 由于鼠标是移出了操作范围而丢失…

(一)关于computed修改data里变量的值 问题:computed里是不能直接修改data里变量的值,否则在git commit 时会报错 解决:在computed里使用get和set来进行获取和修改data变量,(参考下图) ​ (二)computed里监听数组的变化 问题:computed里返回一个数组,但是在进行交换数组里两个元素的位置不能触发computed的更新(视图不能更新) 解决:使用this.$set修改数组的值 this.$set(arr,index,val),arr是指…