Vue监视数据的原理

Vue监视数据的原理,第1张

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()/splicce()/sort()/reverse()
  (2)Vue.set() 或 vm.$set()
特别注意:Vue.set() 和 vm.$set() 不能给vm 和vm的根数据对象添加属性
  

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1322549.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存