vue2与vue3数据劫持的函数区别

Vue3.x 改用 Proxy 替代 Object.defineProperty

原因在于 Object.defineProperty 本身存在的一些问题：

一、Object.defineProperty 只能劫持对象属性的 getter 和 setter 方法。

二、Object.definedProperty 不支持数组(可以监听数组,不过数组方法无法监听自己重写)，更准确的说是不支持数组的各种 API(所以 Vue 重写了数组方法）。

而相比 Object.defineProperty，Proxy 的优点在于：

1、Proxy 是直接代理劫持整个对象。

2、Proxy 可以直接监听对象和数组的变化，并且有多达 13 种拦截方法。

目前，Object.definedProperty 唯一比 Proxy 好的一点就是兼容性，不过 Proxy 新标准也受到浏览器厂商重点持续的性能优化当中。