vue 3 watch监听事件

在Vue 3中，我们可以使用`watch`函数来监听数据的变化。它与Vue 2中的`$watch`方法有所不同，使用起来更加简单和直接。

例如，我们有一个`count`变量，想要监听它的变化：

import { watch, ref } from 'vue'

export default {
  setup() {
    const count = ref(0)
    
    watch(count, (newVal, oldVal) => {
      console.log(`count变化了：${oldVal} -> ${newVal}`)
    })
    
    return { count }
  }
}

在上面的代码中，我们使用了`watch`函数来监听`count`变量的变化。当`count`变化时，会调用回调函数，并将新值和旧值作为参数传递进去。

需要注意的是，在Vue 3中，`watch`函数的第一个参数可以是一个响应式的对象，也可以是一个函数，返回一个响应式的对象。同时，`watch`函数也支持监听多个变量，只需要将它们放在一个数组里即可。