vue watch监听数组下 每个对象 值的变化

例如 监听item数组下对象中 value值的变化

<template>
  <div>
    <div v-for="(item, index) in items" :key="index">
      <input v-model="item.value">
    </div>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      items: [
        { id: 1, value: 'Item 1' },
        { id: 2, value: 'Item 2' },
        // ... more items
      ]
    };
  },
  created() {
    this.items.forEach((item, index) => {
      this.$watch(() => this.items[index].value, (newVal, oldVal) => {
        // 这里会在每个对象value变化时触发
        console.log('Item changed:', newVal);
      }, { deep: true });
    });
  }
};
</script>