美文网首页
vue学习(21)监测数据改变的原理

vue学习(21)监测数据改变的原理

作者: 哆啦C梦的百宝箱 | 来源:发表于2022-03-04 09:42 被阅读0次
image.png
知识点:

1:定义的data变成vm中的_data需要经过两步,①加工data②vm_data = data。
2:例如:当data中的name改变时,setter就会调用(setter里面写了一个调用,这个调用就能够重新解析模板),setter调用就会重新解析模板,重新解析模板就会生成新的虚拟dom,新旧虚拟dom对比,更新页面。
3:vue会监视data中所有层级的数据。
4:如何监视对象中的数据?

  • 通过setter实现监视,且要new Vue时,就传入要监测的数据。
    ①对象中后追加的属性,Vue默认不做响应式处理。
    ②如需给后添加的属性做响应式,请使用如下API:
    Vue.set(target,propertyName/index,value);
    vm.$set(target,propertyName/index,value);
    5:如何监视数组中的数据?
  • 通过包裹(数组更新元素的方法),去实现。本质上做了两件事:
    ①调用原生的方法对数组进行更新。
    ②重新解析模板,进而更新页面。
    6:在Vue修改数组中的某个元素一定要用如下方法:
    ①使用这些API:push(),pop(),shift(),unshift(),sort(),reverse(),splice()
    ②使用vue.set或vm.$set

备注:vue.set或vm.$set不能给vm或vm的根数据对象(_data)添加属性。

相关文章

网友评论

      本文标题:vue学习(21)监测数据改变的原理

      本文链接:https://www.haomeiwen.com/subject/lfhlrrtx.html