为什么vue3.0中抛弃了Object.defineProperty？

最新推荐文章于 2023-10-20 22:45:53 发布

南南.218

最新推荐文章于 2023-10-20 22:45:53 发布

阅读量694

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/qq_64431084/article/details/123336896

版权

object.defineProperty中存在的缺点：

1. 无法发现对象中新增和被删除的属性：当你给一个对象添加一个新的属性时，这个新增的属性没有被添加到 Vue 的数据更新侦查机制里。vue.$set 可以让 Vue 知道你新增了一个属性，其实 Vue.$set内部也是通过调用 Object.defineProperty() 来实现的。

3. 当对象嵌套层数特别深时，递归遍历带来的性能开销就会比较大

4.Object.defineProperty是需要转化数据对象属性为getter和setter 这样的动作开销比较大

Proxy能很好的解决使用defineProperty的缺点，Proxy可以劫持整个对象，并返回一个新的对象。Proxy不仅可以代理对象还可以代理数组，在对象层面做了真正的proxy 不会去改变对象结构