前端vue3watch监听数组长度

在Vue 3中，你可以使用`watch` API来监听数组的长度变化。

以下是一个使用`watch` API监听数组长度变化的示例：

import { watch } from 'vue';

export default {
  data() {
    return {
      arr: [1, 2, 3],
    };
  },
  created() {
    watch(() => this.arr.length, (newValue, oldValue) => {
      console.log('Array length changed:', newValue, oldValue);
    });
  },
};

在上面的示例中，我们使用`watch` API来监听`arr`数组的长度变化，并在控制台打印出新旧值。

请注意，我们使用了`this.arr.length`来获取数组的长度，而不是直接监听数组本身。这是因为Vue 3使用了Proxy来劫持数据的访问，直接监听数组本身的变化将无法触发回调函数。

希望这可以帮助你监听Vue 3中数组长度的变化。