vue中如何使用watch监听对象中的数组值的变化

在Vue中，可以使用深度监听来监听对象中数组值的变化。具体操作步骤如下：

1. 在Vue组件中定义一个数组类型的数据。

2. 使用watch选项来监听这个数据。

3. 在watch的回调函数中，使用Vue提供的$set方法来将变化的数据更新到Vue实例中。

4. 如果需要深度监听，可以使用Vue提供的deep选项来进行深度监听。

以下是示例代码：

<template>
  <div>
    <ul>
      <li v-for="item in list">{{ item }}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: ["foo", "bar", "baz"]
    };
  },
  watch: {
    list: {
      deep: true,
      handler(newVal, oldVal) {
        this.$set(this, "list", newVal);
      }
    }
  }
};
</script>

在这个例子中，我们监听了list数组的变化，并在回调函数中使用了Vue的$set方法将变化的数据更新到Vue实例中。通过设置deep为true，我们实现了对数组中元素的深度监听。