vue3 watch监听ref数据

在 Vue 3 中，可以使用 `watch` 函数来监听 `ref` 数据的变化。下面是一个简单的示例：

import { ref, watch } from 'vue'

const count = ref(0)

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

这段代码会监听 `count` 的变化，并且在 `count` 发生变化时，会输出变化前后的值。

如果要停止监听，可以使用 `watch` 函数返回的函数：

const stopWatch = watch(count, (newValue, oldValue) => {
  console.log(`count changed from ${oldValue} to ${newValue}`)
})

// 停止监听
stopWatch()

以上示例中，`stopWatch` 函数会停止监听 `count` 的变化。