vue的列表渲染

一、遍历列表

v-for

1、用于展示列表数据

2、语法：v-for="(item,index) in xxx" :key="yyy"

3、可遍历：数组、对象、字符串（用的少）、指定次数（用的少）

例子：

二、key的原理

三、列表排序

四、列表的过滤

五、总结vue的数据监测

1、vue会监视data中所有层次的数据

2、如何监测对象中的数据？

通过setter实现监视，且要在new vue时就传入要监测的数据

（1）对象中后追加的属性，vue默认不做响应式处理

（2）如需给后添加的属性做响应式，请使用如下API：

vue.set(target,propertyName/index,value)或

vm.$set(target,propertyName/index,value)

3、如何监测数组中的数据

通过包裹数组更新元素的方法实现，本质就是做了两件事情

（1）调用原生对应的方法对数组进行更新

（2）重新解析模板，进而更新页面

4、在vue修改数组中某个元素一定要用如下方法：

（1）使用这些API：push() pop() shift() unshift() splice() sort() reverse()

(2)Vue.set vm.$set()

特别注意：Vue.set() vm.$set() 不能给VM 或vm的根数据对象添加属性！！