为什么在 Vue3.0 采用了 Proxy，抛弃了 Object.defineProperty？

Object.defineProperty存在几个缺点：

1. 无法发现对象中新增和被删除的属性：当你给一个对象添加一个新的属性时，这个新增的属性没有被添加到 Vue 的数据更新侦查机制里。vue.$set 可以让 Vue 知道你新增了一个属性，其实 Vue.$set内部也是通过调用 Object.defineProperty() 来实现的。

2. 当你利用索引直接设置一个数组项或修改数组长度时，Vue 不能检测到数组的变动。

3. 当对象嵌套层数特别深时，递归遍历带来的性能开销就会比较大

 

Proxy的好处：

Proxy能解决使用defineProperty的缺点，本质的原因在于 Proxy 是一个内置了拦截器的对象，所有的外部访问都得先经过这一层拦截。不管是先前就定义好的，还是新添加属性，访问时都会被拦截。

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