vue监视数据原理总结

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

2如何检测对象中的数据？

　　通过setter（会生成set方法）实现监视，且要在new Vue时就传入要监测的数据（定义vue的data时定义好，vue就会自动把所有属性的set方法生成）。

　　（1）对象中后追加的属性，vue默认不做响应式处理（响应式处理即：即时响应数据到页面）

　　（1）如需给后添加的属性做响应式（对象添加属性），请使用如下api：

　　　　Vue.set(targer,propertyName/index,value)    （第一个参数表示要给哪个对象里面添加属性（vue的实例对象._data.[找到自己要添加的对象]）（或者vue的实例对象.自己要添加的实例对象），第二个参数是添加的属性名或者数组的索引，第三个参数是添加的属性值）

　　　　　　或者

　　　　vue的实例对象.$set(targer,propertyName/index,value)参数同上

 

3.如何监测数组中的数据？

　　通过包裹数组更新元素的方法实现，本质就是做了两件事(即第四点里面的方法做了如下两件事)：

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

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

 

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

　　（1）使用这些api：push（）、pop（）、shift（）、unshift（）、splice（）、sort（）、reverse（）

　　（2）Vue.set()或者vue的实例对象.$set()

　　注意！：上述（2）小点不能给vue实例对象或者vm的根数据对象(_data)添加属性！