vue3 如何监听数组某个下标的某个属性

import { reactive, watch } from 'vue';
 
const data = reactive({
  array: [
    { name: 'Alice', age: 20 },
    { name: 'Bob', age: 25 },
    { name: 'Charlie', age: 30 }
  ]
});
 
watch(() => data.array[0].age, (newValue, oldValue) => {
  console.log(`数组下标为0的对象的age属性从${oldValue}变为${newValue}`);
});

在上述代码中，我们使用reactive函数将数组对象转换为响应式对象。然后，使用watch函数来监听数组下标为0的对象的age属性的变化。当age属性发生变化时，回调函数会被触发，并输出变化前后的值。