Vue 3 引入了 Proxy 对象来支持响应式数据，但如果你不想使用 Proxy，你可以使用 Object.defineProperty() 方法来实现类似的效果。
以下是一个简单的示例，展示如何使用 Object.defineProperty() 创建一个响应式对象：
function reactive(obj) {
  Object.keys(obj).forEach(key => {
    const value = obj[key];
    Object.defineProperty(obj, key, {
      get() {
        return value;
      },
      set(newValue) {
        value = newValue;
        // 在这里你可以触发其他更新操作，比如通知 Vue 重新渲染组件
      }
    });
  });
vue中reactive  return obj;
}
const state = reactive({ count: 0 });
// 读取 count 的值
console.unt); // 0
// 修改 count 的值并触发更新操作
unt = 1; // 在这里可以触发更新操作，比如通知 Vue 重新渲染组件
在这个示例中，我们定义了一个名为 reactive() 的函数，它接受一个对象作为参数，并使用 Object.defineProperty() 方法为对象的每个属性创建一个 getter 和 setter。当属性的值被读取时，getter 函数会被调用；当属性的值被修改时，setter 函数会被调用。在 setter 函数中，我们可以触发其他更新操作，比如通知 Vue 重新渲染组件。
请注意，这种方法比使用 Proxy 更复杂，并且可能无法提供与 Proxy 相同的所有功能。因此，在大多数情况下，使用 Vue 内置的 Proxy 实现更为简单和可靠。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。