vue 监听list中的某个参数

在Vue中，你可以通过watch属性来监听list中某个参数的变化。假设你有一个list，其中包含多个对象，每个对象有一个id和一个name属性，你可以使用Vue的$watch方法来监听其中某个对象的name属性的变化。以下是一个示例代码：

<template>
  <div>
    <ul>
      <li v-for="item in list" :key="item.id">
        {{ item.name }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { id: 1, name: 'John' },
        { id: 2, name: 'Mary' },
        { id: 3, name: 'Peter' }
      ]
    }
  },
  mounted() {
    this.$watch('list.1.name', (newVal, oldVal) => {
      console.log(`list[1].name变化了，新值为${newVal}，旧值为${oldVal}`)
    })
  }
}
</script>

在这个示例中，我们在组件的data属性中定义了一个名为list的数组，其中包含三个对象，每个对象有一个id和一个name属性。在mounted生命周期钩子函数中，我们使用$watch方法来监听list中第二个对象的name属性的变化，当name属性变化时，$watch方法的回调函数就会被调用，同时将新值和旧值打印到控制台。你可以根据实际需求来修改回调函数的具体实现。