Proxy vue3

Proxy 是 JavaScript 中的一个内置对象，它可以用来拦截并改变 JavaScript 对象的默认行为。在 Vue 3 中，Proxy 被广泛应用于响应式系统中，用于监听数据的变化并触发视图的更新。

在 Vue 3 中，使用 Proxy 实现响应式系统的主要步骤如下：

1. 创建一个响应式对象，例如：

   const reactiveObj = reactive({ count: 0 })

2. 在 reactive 函数内部，使用 Proxy 对象对传入的对象进行代理，例如：

   function reactive(obj) {
     return new Proxy(obj, {
       get(target, key) {
         // ...
       },
       set(target, key, value) {
         // ...
       }
     })
   }

3. 在 get 和 set 方法中，对属性的读取和修改进行拦截，并触发更新操作，例如：

   function reactive(obj) {
     return new Proxy(obj, {
       get(target, key) {
         // ...
         track(target, key)
         return Reflect.get(target, key)
       },
       set(target, key, value) {
         // ...
         trigger(target, key)
         return Reflect.set(target, key, value)
       }
     })
   }