vue3 让对象数组中某个值变为响应式

在 Vue 3 中，如果你想要让对象数组里的某个属性变为响应式，你可以通过 `ref` 或者 `reactive` 边缘插槽来实现。这里有两个常见的方法：

1. **使用 `ref`**：
对象数组中的每个元素创建一个独立的 `ref` 对象，然后将该对象的属性赋值给数组的相应位置：

data() {
  return {
    myArray: [
      { value: ref(null) },
      { value: ref('初始值') }
    ]
  };
}

现在，`value` 属性的改变会触发视图更新。

2. **使用 `reactive`**：
如果你想整个对象都变成响应式的，可以使用 `reactive` 包裹对象：

import { reactive } from 'vue';

const obj = reactive({
  array: [{ value: '' }]
});

// 然后你可以像操作普通的对象一样操作它，如：
obj.array[0].value = '新值';

当 `value` 改变时，Vue 会自动检测并更新视图。