vue响应式

最新推荐文章于 2022-06-18 15:53:10 发布

超超小淘气

最新推荐文章于 2022-06-18 15:53:10 发布

阅读量130

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/weixin_45661903/article/details/116160064

版权

从以上概念也就得知了我们的MVVM模型，当数据发现变化时会自动渲染到页面

也就是defineproprty通过getter与setter进行数据视图的处理，他在页面一渲染的时候便进行遍历data的所有数据，从而监听数据以达到响应式的目的。但是他的漏洞就产生了，他在进行新增或者删除新属性的时候就监听不到了（问题不大）

他不在使用defineproprty，改为使用proxy进行数据处理
proxy他是这样定义的：proxy对象用于定义基本操作的自定义行为（如：属性查找，赋值，枚举，函数调用等）
- Object.defineProperty只能一个属性一个属性地监听，，也就是说，对于data对象，我们需要进行深度遍历，去监听每一个属性的变化，而一旦我们对data一个比较深的对象直接修改它的值，那么就又得对其进行重新地遍历，非常损耗性能
- 反观proxy，proxy可以监听一整个对象，且基于proxy的监听，只有当一个数据被用到的时候，才会去监听它，所以就避免了上面提及的问题，在监听上大大降低了性能的消耗
我理解的：
- Object.defineProperty是遍历整个data对象下的属性然后进行数据劫持
- proxy是代理data下的整个对象

添加响应式对象

响应式属性

关注