Vue 3 为什么选择使用 Proxy，以及 Proxy 的好处？

在 Vue 3 中，Vue.js 团队决定采用 Proxy 作为底层实现响应式系统的基础。Proxy 是 ES6 中新引入的特性，它允许我们定义自定义行为来拦截并操作对象的基本操作。使用 Proxy 作为响应式系统的基础，带来了许多优势和改进。下面我们将详细介绍为什么选择 Proxy，以及它的好处。

1. 更强大的拦截能力：
   Proxy 提供了一种更强大的拦截能力，可以拦截对象上的所有操作，例如读取、赋值、删除属性等。这使得 Vue 3 的响应式系统能够更精确地追踪对象的变化，并在变化发生时触发相应的更新。相比之前使用的 Object.defineProperty，Proxy 提供了更多的钩子和选项，使得响应式系统的实现更加灵活和高效。

2. 支持动态添加和删除属性：
   在 Vue 2 中，由于使用了 Object.defineProperty，一旦对象被创建，就无法动态添加或删除属性，否则响应式系统将无法追踪这些属性的变化。而使用 Proxy，我们可以动态地添加和删除属性，而且仍然能够保持响应式追踪。这为开发者提供了更大的灵活性，能够更方便地操作对象的属性。

下面是一个使用 Proxy 实现响应式数据的例子：

// 创建一个响应式对象
const reactiveData = new Proxy