vue3 watch监听如何使用

Vue3中监听数据变化可以使用watch，示例代码：

import { watch } from 'vue'

export default {
  data() {
    return {
      message: 'Hello World'
    }
  },
  setup() {
    // 监听message的变化
    watch(() => {
      return this.message
    }, (newValue, oldValue) => {
      console.log(`message由 ${oldValue} 变为 ${newValue}`)
    })

    return {}
  }
}

上面的代码中，我们使用了Vue3的setup函数，并利用watch函数监听了message变量的变化。在watch函数中，第一个参数是一个函数，返回被监听的变量。第二个参数是一个回调函数，用来处理变量变化时的逻辑。