vue3中watch

在Vue 3中，`watch`选项已经被移除，并被替换为了新的`watch`函数。新的`watch`函数提供了更强大和灵活的功能。

使用新的`watch`函数，你可以通过以下方式进行声明：

watch(source, callback, options)

其中：

- `source`可以是一个响应式的数据源，可以是一个ref、reactive对象或者一个计算属性。
- `callback`是一个回调函数，用于处理数据变化的逻辑。
- `options`是一个可选参数对象，用于配置watch的行为。

下面是一个使用`watch`函数的简单示例：

import { watch } from 'vue';

export default {
  setup() {
    const count = ref(0);

    watch(count, (newCount, oldCount) => {
      console.log(`count changed from ${oldCount} to ${newCount}`);
    });

    return {
      count
    };
  }
}

在上面的示例中，我们创建了一个名为`count`的ref，并使用`watch`函数监视它的变化。当`count`发生变化时，回调函数将被触发，并打印出旧值和新值。

除了基本的用法之外，`watch`函数还提供了一些高级的特性，例如：

- 可以使用`immediate`选项在初始加载时立即执行回调函数。
- 可以使用`deep`选项来深度遍历对象的属性变化。
- 可以使用`flush`选项来控制回调函数的执行时机。

更多关于Vue 3的`watch`函数的详细信息，请参考Vue官方文档。