vue3更改响应式对象的属性

在 Vue 3 中，你可以使用 `reactive` 函数来创建一个响应式的对象，然后通过直接赋值的方式来更改对象的属性。下面是一个示例：

import { reactive } from 'vue';

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

myObject.name = 'Jane';
myObject.age = 30;

在上面的示例中，我们首先使用 `reactive` 函数将 `myObject` 对象转换为一个响应式对象。然后，我们可以直接对 `myObject` 的属性进行赋值操作，这样就能触发响应式更新。

需要注意的是，在 Vue 3 中，你无需再使用 `$set` 方法来添加新的属性或者修改数组索引，直接赋值即可。例如：

myObject.gender = 'female'; // 添加新属性
myObject.hobbies = ['reading', 'painting']; // 添加数组
myObject.hobbies[0] = 'writing'; // 修改数组索引

这些更改也会触发响应式更新。希望能帮到你！如果还有其他问题，请继续提问。