vue3中的reactive定义的值实时响应问题?

Question

在vue3中 我定义了两个值,

const age = ref(0)
const people = reactive([
  { name:'a', age: age.value },
  { name:'b', age: 14 },
])

我想让我age 更新的时候,new这个定义的值中的age,也跟着更新,但是没有起作用, 请问vue3不能这样实现数据实时响应么? 有什么办法实现么?

Answer 1

1:那就把age.value改成age即可
2: age: computed(() => age.value)这样就实时更新age了
3: 当然另外的方式是watch外面那个age的变化，然后实时更新数组的age，跟computed类似