Vue3.0 为什么要用 proxy？

类别：vue / 日期：2022-12-22 / 浏览：249 / 评论：0

在 Vue2 中， 0bject.defineProperty 会改变原始数据，而 Proxy 是创建对象的虚拟表示，并提供 set 、get 和 deleteProperty 等 处理器，这些处理器可在访问或修改原始对象上的属性时进行拦截， 有以下特点∶

不需用使用 Vue.$set 或 Vue.$delete 触发响应式。 

全方位的数组变化检测，消除了 Vue2 无效的边界情况。 

支持 Map，Set，WeakMap 和 WeakSet。

Proxy 实现的响应式原理与 Vue2 的实现原理相同，实现方式大同小 异∶

get 收集依赖 

Set、delete 等触发依赖 

对于集合类型，就是对集合对象的方法做一层包装：原方法执行后执 行依赖相关的收集或触发逻辑。