vue3 watch 深度侦听

在 Vue 3 中，可以通过 `watch` 函数来进行深度侦听。深度侦听是指在对象或数组的嵌套属性发生变化时触发回调函数。

下面是一个示例：

import { watch } from 'vue';

watch(
  () => obj.nestedProp,
  (newValue, oldValue) => {
    // 当 obj.nestedProp 发生变化时会触发回调函数
    // newValue 是新的值，oldValue 是旧的值
  },
  { deep: true }
);

在上面的示例中，我们使用 `watch` 函数监视 `obj.nestedProp` 的变化，并在发生变化时触发回调函数。通过传递 `{ deep: true }` 选项，我们可以实现深度侦听。

需要注意的是，深度侦听会带来一些性能开销，因为 Vue 需要递归地遍历整个对象或数组。因此，建议只在需要深度侦听时才使用深度选项。

希望能帮到你！如果还有其他问题，请随时提问。