watch监听vue3怎么用

在 Vue 3 中，使用 `watch` 监听属性的方式与 Vue 2 中略有不同。以下是在 Vue 3 中使用 `watch` 的方法：

1. 在 `setup` 函数中使用 `watch`：

import { watch } from 'vue';

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

    watch(count, (newValue, oldValue) => {
      console.log('count changed from', oldValue, 'to', newValue);
    });

    return {
      count,
    };
  },
};

2. 在 `setup` 函数中使用 `watchEffect`：

import { watchEffect } from 'vue';

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

    watchEffect(() => {
      console.log('count changed to', count.value);
    });

    return {
      count,
    };
  },
};

这两种方式都可以监听 `count` 的变化，当 `count` 发生变化时，会触发相应的回调函数。其中，`watch` 可以监听多个依赖，而 `watchEffect` 只能监听一个依赖。