vue3中怎么给reactive赋值

在Vue 3中，如果你想要将数据变为响应式并允许它自动更新视图，你可以使用`ref`或`reactive`函数。`ref`用于创建响应式的引用类型，而`reactive`则用于更复杂的数据结构。

1. 对于简单的变量，可以使用`ref`：

import { ref } from 'vue';

const myValue = ref(0);
// 赋值
myValue.value = 10; // 现在 myValue 已经是响应式的了

2. 对于复杂的对象，可以使用`reactive`：

import { reactive } from 'vue';

const myObject = reactive({
  name: 'John',
  age: 30
});

// 赋值
myObject.age = 35; // 改变后的年龄会立即反映到视图上

注意，当你对`reactive`返回的对象进行深拷贝或者修改其深层属性时，也会触发视图更新。然而，对于不可变的复杂结构，你需要手动通知变化，例如使用`$set`：

myObject = { ...myObject, address: 'New City' }; // 这不会触发更新，需用 $set
this.$set(myObject, 'address', 'New City');