Vue 3 Proxy 响应式工作原理

1. 核心概念：Proxy

• 什么是 Proxy？

  • Proxy 是 ES6 提供的一种对象包装机制，可以拦截对目标对象的操作（如读取、写入等），并自定义这些操作的行为。
  • 在 Vue 3 中，Proxy 被用来拦截对响应式数据的访问和修改。

• 如何使用 Proxy？

  const handler = {
       
       
      get(target, key) {
       
       
          console.log(`Getting ${
         
         key}`);
          return target[key];
      },
      set(target, key, value) {
       
       
          console