vue3监测数组的时候可能触发多次get/set，那么如何防止触发多次呢

Question

看到有个答案是：我们可以判断key是否为当前被代理对象target自身属性，也可以判断旧值与新值是否相等，只有满足以上两个条件之一时，才有可能执行trigger。但是"判断key是否为当前被代理对象target自身属性"和"判断旧值与新值是否相等"不太明白

Answer 1

为了避免触发多次回调，可以使用 watch 函数的第三个参数 options 来配置监测行为。其中， deep 选项可以控制是否进行深度观察。将 deep 设置为 false 可以避免触发多次回调，而只在整个数组替换时才触发：

watch(
  () => myArray,
  (newValue, oldValue) => {
    // 处理数组变化
  },
  { deep: false }
);