vue2 监听props 中的数组

在Vue2中，你可以使用watch属性来监听props中的数组。以下是一个示例：

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

<script>
export default {
  props: {
    items: {
      type: Array,
      required: true
    }
  },
  watch: {
    items: {
      immediate: true,
      handler(newItems) {
        console.log(newItems);
      }
    }
  }
};
</script>

在上面的示例中，我们在watch属性中定义了一个items的监听器。immediate选项设置为true，这样在组件加载时就会立即执行该监听器。当items数组发生变化时，监听器会被触发，并将新的数组作为参数传递给handler函数。在这个示例中，我们使用console.log来打印新的数组。

你也可以在handler函数中执行任何其他的逻辑操作，比如更新组件的内部状态或调用其他方法。