vue组合式watch

在Vue 3中，watch被改造成了一个组合式的API。使用组合式API时，需要从Vue中引入watch函数，并在setup函数中进行配置。

下面是一个示例，演示了如何使用组合式watch来监视ref定义的数据：

import { ref, watch } from 'vue';

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

  watch(count, (newValue, oldValue) => {
    console.log(`count的值从${oldValue}变为${newValue}`);
  });

  return {
    count
  };
}

在上面的示例中，我们首先从Vue中引入了ref和watch函数。然后，在setup函数中定义了一个名为count的ref数据。接下来，我们使用watch函数来监视count的变化，并在回调函数中打印出新旧值。

需要注意的是，watch函数的第一个参数可以是一个ref对象，也可以是一个返回ref对象的函数。在这个例子中，我们直接使用了count作为watch的第一个参数。

通过这种方式，我们可以方便地使用组合式watch来监视Vue 3中的数据变化。