vue3 setup watch 监听对象

在Vue 3的setup函数中，可以通过watch函数来监听对象的变化。具体的使用方法如下：

import { watch, reactive } from 'vue'

setup() {
  const obj = reactive({ count: 0 })

  watch(() => obj.count, (newValue, oldValue) => {
    console.log(`count is: ${newValue}`)
  })

  return {
    obj
  }
}

以上代码中，我们使用reactive函数将一个对象转换为响应式对象。然后使用watch函数来监听obj.count属性的变化，并在回调函数中处理变化后的值。在回调函数中，第一个参数是新的属性值newValue，第二个参数是旧的属性值oldValue。通过这种方式，我们可以在watch监听对象的属性。