快速了解
vue3 Proxy
Vue3 的Proxy解决了Object.defineProperty()无法监听新增属性的操作，无法实现响应式的问题。
1、什么是 Proxy？
在 JavaScript 中，
Proxy是一种用于定义基本操作的自定义行为的对象。它允许你拦截并修改 JavaScript 对象的操作，比如读取属性、设置属性、删除属性等。在 Vue 3 中，Proxy被广泛用于实现响应式数据追踪。
2、Vue 3 中的 Proxy 应用
在 Vue 3 中，Vue 使用
Proxy替代了 Vue 2 中的Object.defineProperty来实现响应式数据追踪。当你创建一个响应式对象时，Vue 会使用Proxy来代理这个对象，从而能够监听对象属性的变化，并在变化时触发相应的更新操作。
3、Proxy 的特性
-
拦截操作：
Proxy提供了多种拦截方法，比如 get、set、deleteProperty 等，可以用来 拦截对象上的各种操作。
1、 监听对象的属性访问（get）
2、 监听属性的赋值（set）
3、 监听新属性的添加（defineProperty）
4、 监听属性的删除（deleteProperty）
5、 监听对象的可枚举属性（ownKeys）
6、 对象的拦截代理（getPrototypeOf、setPrototypeOf、isExtensible、preventExtensions）而 Object.defineProperty 只能监听属性访问和属性赋值。 -
直观的语法：
Proxy的语法相对简洁直观，易于理解和使用。 -
强大的功能：
Proxy提供了更强大和灵活的功能，比如可以监听整个对象的变化，而不仅限于特定属性。 -
性能优势：由于
Proxy是原生支持的 JavaScript 特性，因此在某些情况下具有更好的性能表现。
4、如何使用 Proxy
在 Vue 3 中，你无需直接操作 Proxy，Vue 会在内部使用 Proxy 来管理响应式数据。你只需要按照 Vue 的规范来设计和操作数据，Vue 会自动处理数据的响应式追踪和更新。
对于 Vue 3 初学者来说，理解 Proxy 的概念和作用是很重要的。它是 Vue 响应式系统的核心之一，帮助我们实现数据的自动追踪和更新。通过学习和掌握 Proxy，你将更好地理解 Vue 的工作原理，并能够更高效地开发 Vue 应用。
5、往期回顾
vue3 + TS + vite 搭建中后台管理系统（完整项目）
总结：
前端路上 | 所知甚少，唯善学。
各位小伙伴有什么疑问，欢迎留言探讨。
— 关注我：前端路上不迷路 —
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
