Vue数据监测
- Vue会监视data中所有层次的数据
- 如何检测对象中的数据?
- 通过setter实现监测,且要在new Vue时旧传入要监测的数据
- 对象中后追加的属性,Vue默认不做响应式处理
- 如需给后添加的属性做响应式,使用
Vue.set
或vm.$set
- 通过setter实现监测,且要在new Vue时旧传入要监测的数据
- 如何检测数组中的数据?
- 通过包裹数组更新元素的方法实现,本质就是做了:
- 调用原生对应方法(
push
、splice
等七个,不包括filter
)对数组进行更新 - 重新解析模板,进而更新页面
- 调用原生对应方法(
- 通过包裹数组更新元素的方法实现,本质就是做了:
- 在Vue修改数组中的某个元素一定要用如下方法
push()
、splice()
等API,使用filter时 替换数组。Vue.set
、vm.$set
Vue.set
或vm.$set
不能给vm
或vm
的根数据对象添加属性。