vue 2x 学习记录（二）

1.绑定class时，里面传入对象、数组以及数据，当绑定class的数据或方法发生改变时，元素的class也会发生改变（在数组中也可以使用对象语法）

2.bind:style看起来像css，其实是一个JavaScript对象，也是传入对象、数组、数据等；css属性名使用驼峰法或者-来连接，但是不要忘记使用单引号括起来；当使用需要添加浏览器引擎前缀时，Vue会自动侦测并且添加相应前缀

3.Vue会尽可能高效的渲染页面，所以会出现复用，其中可以使用key来管理元素的复用，不同的标签添加不同值得key，可以对其进行复用管理

4.v-for中的参数（value，key，index） in object

5.由于JavaScript的限制，无法检测数值使用索引改变一个项的值或者改变数组的长度可以使用以下方法（Vue.set(vm.items, indexOfItem, newValue)）

6.由于JavaScript的限制，无法检测对象属性的添加和删除

7.在同一个节点中v-for的优先级要高于v-if

8.有时需要在事件监听时访问原始的DOM，可以用特殊变量$event传入到方法中

9.v-on中的修饰符（stop，prevent，capture，self，once等）时用来处理事件的

10.v-model修饰符（lazy<讲数据同步改为使用change事件来进行同步>，number<传入的数据类型为number>，trim<过滤用户输入的数据前后的空白格>）

11.子组件向父组件传递数据使用props（可以在里面设置验证，控制传入数据的类型以及默认值）

12.子组件向父组件传递数据可以使用事件来进行数据传递（自定义事件）

13.Vue提供了一个transition组件在节点删除和添加时出现css效果（<tansition name='fade'><p v-show='ture/false'></p></transtion>）