vue监测数据的原理

1.vue 会监测data所有层次的数据

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

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

（2）如需添加响应式属性使用：

Vue.set(“所要添加的对象”/“数组”，“添加的属性名”/“数组索引”，“添加的值”)

vm.$set(“所要添加的对象”，“添加的属性名”，“添加的值”)

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

通过包裹数组更新元素的方法实现，本质就是

（1）调用数组内置方法进行数组更新

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

使用不修改原数组的方法时，将原数组替换成修改后的数组。

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

1.使用数组内置方法：push() pop() unshift() shift() splice() sort() reverse()

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

注意：Vue.set()或vm.$set()不能给vm 或vm的跟数据对象（data）添加属性