Vue3.0 里为什么要用 Proxy API替代 defineProperty API？
Vue 3.0 选择使用 Proxy API 替代 defineProperty API，主要有以下几个原因：
- 更好的性能：Proxy API 无需递归遍历对象的属性进行数据劫持，性能比 defineProperty API 好。
-
更好的兼容性：在 Vue 2.x 中，使用 defineProperty API 会导致一些限制，比如无法检测到数组索引的改变，无法检测到对象属性的添加或删除。而 Proxy API 可以解决这些问题。
-
简化内部实现：Proxy API 提供了 13 种拦截操作，可以更灵活地进行数据劫持，从而简化 Vue 内部的实现。
例如，在 Vue 3.0 中，我们可以使用 Proxy API 来实现响应式数据：
const data = { a: 1 };
const reactiveData = new Proxy(data, {
get(target, prop) {
console.log(`getting {prop}!`);
return Reflect.get(target, prop);
},
set(target, prop, value) {
console.log(`setting{prop}!`);
return Reflect.set(target, prop, value);
}
});
reactiveData.a = 2; // 输出 "setting a!"
console.log(reactiveData.a); // 输出 "getting a!" 和 "2"
在这个例子中，我们可以看到，只要访问或修改 reactiveData 的 a 属性，就会触发 Proxy 的 get 或 set 操作，从而实现响应式数据。