vue3 的watch

Vue 3中的watch与Vue 2中的watch使用方式有一些不同。在Vue 3中，你可以使用`watch`函数来监听一个特定的响应式数据，并在其变化时执行相应的操作。

下面是一个示例，展示了如何在Vue 3中使用watch：

import { watch } from 'vue';

export default {
  data() {
    return {
      myData: '初始化值',
    };
  },
  mounted() {
    watch(
      // 第一个参数是要监听的数据
      () => this.myData,
      // 第二个参数是回调函数，当myData变化时被调用
      (newValue, oldValue) => {
        console.log('myData 发生了变化：', newValue);
      }
    );
  },
};

在上述示例中，我们通过`watch`函数监听了`myData`这个响应式数据。当`myData`发生变化时，回调函数会被调用，并且会将新值和旧值作为参数传递给回调函数。

需要注意的是，在Vue 3中，watch的用法也有其他变种，例如：可以使用`watchEffect`来监听响应式数据的变化，或者使用`watch`来监听多个响应式数据等。你可以根据具体的需求选择最适合的用法。

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