Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy？ - 个人技术博客

视频加载失败

149 字

1 分钟

Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy？

2020-10-12

Vue 的响应式原理中 `Object.defineProperty` 有什么缺陷？为什么在 Vue3.0 采用了 `Proxy`，抛弃了 `Object.defineProperty`？#

`Object.defineProperty`#

Object.defineProperty 无法低耗费的监听到数组下标的变化，导致通过数组下标添加元素，不能实时响应；
Object.defineProperty 只能劫持对象的属性，从而需要对每个对象，每个属性进行遍历。如果属性值是对象，还需要深度遍历。

`Proxy`#

Proxy 可以劫持整个对象，并返回一个新的对象。
Proxy 不仅可以代理对象，还可以代理数组。还可以代理动态增加的属性。

支持与分享

如果这篇文章对你有帮助，欢迎分享给更多人或打赏支持！

Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy？

https://gaodaxiu-blog.netlify.app/posts/Object.defineProperty与Proxy/

作者

GaoDaXiu

发布于

2020-10-12

许可协议

CC BY-NC-SA 4.0

使用Astro搭建个人博客1

解决chrome自动填充白色背景(input:-internal-autofill-previewed)问题

相关文章智能推荐

使用Astro搭建个人博客1

博客指南使用Astro搭建个人博客及部署，使用Firefly主题，使用Vercel部署

Vue箭头函数、ES6

解决chrome自动填充白色背景(input:-internal-autofill-previewed)问题

CSS解决chrome自动填充白色背景(input:-internal-autofill-previewed)问题

临时在一段代码中取消eslint检查

Eslint临时在一段代码中取消eslint检查

随机文章随机推荐

文章目录

Vue 的响应式原理中 Object.defineProperty 有什么缺陷？为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？

Object.defineProperty