vue 3怎么把普通对象转换成响应式的

在 Vue 3 中，可以使用 `reactive` 函数将普通对象转换成响应式对象。

例如，假设有一个普通的 JavaScript 对象 `obj`，我们可以将其转换成响应式对象：

import { reactive } from 'vue'

const obj = { foo: 'bar' }
const reactiveObj = reactive(obj)

console.log(reactiveObj.foo) // 输出 "bar"

此时，`reactiveObj` 就是一个响应式对象，当 `obj.foo` 的值发生变化时，`reactiveObj.foo` 也会自动更新。

需要注意的是，`reactive` 函数只能将普通对象转换成响应式对象，如果要将一个数组转换成响应式数组，需要使用 `ref` 或 `toRefs` 函数进行处理。