vue3 setup中watch用法

在 Vue 3 的 Composition API 中，可以使用 `watch` 函数来监听响应式数据的变化。`watch` 函数有两个参数：要监听的数据和回调函数。

下面是一个使用 `watch` 的示例代码：

import { watch, ref } from 'vue';

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

    watch(count, (newValue, oldValue) => {
      console.log(`count 变化了，新值为 ${newValue}，旧值为 ${oldValue}`);
    });

    return {
      count
    };
  }
}

在上面的例子中，我们定义了一个名为 `count` 的响应式数据，并使用 `watch` 函数来监听它的变化。当 `count` 的值发生变化时，回调函数会被触发，并且会传入新值和旧值作为参数。

需要注意的是，在 Vue 3 的 Composition API 中，`watch` 函数的第一个参数可以是一个响应式数据，也可以是一个返回响应式数据的函数。这使得我们可以更加灵活地监听多个数据的变化。

此外，`watch` 函数还可以接收第三个参数，用于配置更多选项，例如设置是否立即执行回调函数等。具体的用法可以参考 Vue 3 的官方文档。