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的根数据对象添加属性!!!!