Vue学习：Vue监测数据的原理

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）：重新解析模板。进行页面更新；

补充：

在Vue中修改数组中的某个元素一定要使用如下方法：

1、使用这些API：push(),pop(),shift(),unshift(),splice(),sort(),reverse();

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