普通对象赋值给reactive<Record<string, any>>

普通对象可以赋值给 `reactive<Record<string, any>>` 类型的变量，只需要使用 `reactive` 函数将其转换为响应式对象即可。下面是一个示例代码：

import { reactive } from 'vue';

const myData = { foo: 'bar', baz: 42 };

const reactiveData = reactive(myData);

在上面的代码中，我们首先定义了一个普通对象 `myData`，它包含了一些属性和值。然后，我们使用 `reactive` 函数将其转换为响应式对象 `reactiveData`。现在，如果我们更改 `reactiveData` 中的值，Vue 会自动更新相关的组件。例如：

reactiveData.foo = 'hello';

上面的代码将更新 `reactiveData` 中的 `foo` 属性，并通知任何依赖于它的组件进行重新渲染。