vue3组合式api的watch使用

在Vue3中，组合式API提供了一个新的watch函数，用于监听响应式数据的变化。watch函数接收两个参数：要监听的数据和回调函数。当监听的数据发生变化时，回调函数会被触发。

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

import { watch } from 'vue'

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

    watch(count, (newValue, oldValue) => {
      console.log(`count变化了：${oldValue} => ${newValue}`)
    })

    return {
      count
    }
  }
}

在上面的示例中，我们使用了ref函数创建了一个响应式数据count，并使用watch函数监听了它的变化。当count发生变化时，回调函数会被触发，并打印出变化前后的值。