vue3 reactive的用法

Vue 3 中的 `reactive` 是一个函数，用于将对象转化为响应式对象。这意味着当对象发生变化时，相关的组件将自动更新。

使用 `reactive` 的步骤如下：
1. 导入 `reactive` 方法：`import { reactive } from 'vue'`。
2. 创建一个普通的 JavaScript 对象。
3. 使用 `reactive` 函数将对象转化为响应式对象。

以下是一个简单的示例代码：

import { reactive } from 'vue';

const state = reactive({
  count: 0
});

// 在组件中使用响应式对象
console.log(state.count);  // 输出: 0

state.count++;  // 修改响应式对象

console.log(state.count);  // 输出: 1，组件将自动更新

注意：在 Vue 3 中，`reactive` 函数返回的是代理对象，而不是原始对象。这意味着你无法直接访问代理对象的属性，需要使用原始对象的属性进行访问。

希望这个简单的示例能够帮助你理解 Vue 3 中 `reactive` 的用法！如果还有其他问题，请随时提问。