摘要：
<!-- v-model 使用v-model后，表单控件显示的值只依赖所绑定的数据， 不在关心初始化时的value; 对于textarea 之间插入的值， 在中文输入法没有选定插入的值之前，不会触发更新， 可以使用@input来代替 radio checkbox select 的用法 修饰符: .l 阅读全文
摘要：
<!-- 数组更新 7种 会改变原始数组的方法 push() pop() shift() unshift() splice() sort() reverse() Vue检测到数据变化会更新视图 不会改变原数组方法，可以使用新数组替代原数组 数组变化时，并不是直接渲染，而是最大的复用DOM元素， 替换 阅读全文
摘要：
v-bind <!-- 绑定 class的几种方式 1, 对象语法 直接绑定一个Object类型数据。或者计算属性或者method或者data 2, 数组语法 直接绑定一个[]类型数据;也可以使用computed,methods,data 在组件上使用的时候，样式规则直接作用到根元素上， 如果需要给 阅读全文
摘要：
模板内的表达式用于简单的计算，当其过长或者逻辑复杂时，会难以维护。 一般用计算属性。<!-- 计算属性 所有的计算属性都以函数的形式写在vue的实例内的computed选项内， 计算属性里可以完成各种复杂的逻辑，包括运算，函数调用的 只要将最终结果返回就可以了。 计算属性可以依赖其他计算属性 计算属 阅读全文
摘要：
/** * 语法糖的概念： * 语法糖是指在不影响功能的情况下，添加某种方法实现同样的； * 使用语法糖,可以简化代码的书写 * 比如 v-on:click='func' @click='func' * v-bind:src :src */ <!-- v-on 可以监听原生DOM事件click,db 阅读全文
摘要：
双大括号语法{{}}/ v-text <!-- v-text 双大括号语法 {{}} 文本插值 如果想显{{}}标签不被替换，使用v-pre跳过此元素和他子元素的编译过程 {{}} 还支持单个表达式，简单的运算，三元运算等 --> <h3 v-pre>{{name}}</h3> <h3>{{name 阅读全文
摘要：
用Vue官方提供的脚手架工具Vue-cli创建项目； 1， npm install -g Vue-cli 2, Vue init webpack Vue-project 3, cd Vue-project 4, npm install 5, npm run dev (开发环境) 项目目录构成： 1， 阅读全文