摘要： 1、添加路由 在cmd中输入vue add router 要使用历史模式吗？选择No 安装后src文件夹中会多两个文件：views和router.js views中有两个组件 router.js是路由的配置 其中引入的router就是刚刚安装的，vue-router会放到node_modules中， 阅读全文

摘要： 用命令行工具 （win+R打开cmd） 1、进入到桌面，创建vue项目，（vue-app是vue的项目名称） 2、选择预设 第一种是系统默认的。可选择第二种Manually select features （手动设置） 3、选择Bablel（作用是转化代码，ES6转成ES5） 4、把设置放在哪？ 第 阅读全文

摘要： 1. v-prev （使用较少） 不会对'a'进行渲染，显示的是文本 2.v-cloak （减少闪现的影响，优化用户体验） {{ 'a ' }}div上v-cloak最终会移除，不会影响值的展示，v-cloak:display:none;会减少闪现 3.v-once 不想更改获取来的数组，始终都是第 阅读全文

摘要： 改变数据会驱动视图的变化 更改数据时要求数据先存在，这样才能使视图刷新，如： 此时数据会改变，不会改变视图 因为数据obj.a先存在，所以改变值时会刷新视图 视图刷新，之前赋值过的属性也会刷新在视图中 另外，数组：通过索引的方式改变数组，不能渲染视图 改变数组长度，也不能渲染视图 通过数组变异方法能 阅读全文

摘要： 一、fileReader 用于读取文件 FileReader 方法： abort() 终止读取 readAsBinaryString(file) 将文件读取为二进制编码 readAsDataURL(file) 将文件读取为DataURL编码 readAsText(file, [encoding]) 阅读全文

摘要： 全局组件： 局部组件： 局部组件的另一种写法，抽离成对象： 局部组件和全局组件一起存在时，局部组件优先 阅读全文

摘要： 显示 改变数组的值： 除了数组的变异方法，还有 还有index 值 对象中改变值可以进行视图的更新 添加值不会进行视图更新，但是属性中有添加的值 更新对象视图的方法除了直接改变值，如下： 还有其他方法： vue中认为是无用的标签可以用template代替 阅读全文

摘要： 点击按钮显示与隐藏 v-if v-else 注意：v-if 和 v-else 中间不能有其他元素 v-if v-else-if v-else （中间也不可以有其他元素） 阅读全文

摘要： 对象形式： 点击实现颜色切换 数组形式： style样式 —> { } / [ ] 数组形式可放多个属性 阅读全文

摘要： computed效果更好，计算属性最优（比watch、methods好） computed也可以写成对象形式 阅读全文