vue3 watch完整写法

Vue3 中的 watch 有两种写法，一种是使用 setup 函数中的 watch，另一种是使用 Options API 中的 watch。

1. 使用 setup 函数中的 watch：

import { watch } from 'vue'

setup() {
  const count = ref(0)

  watch(count, (newValue, oldValue) => {
    console.log(`count 值从 ${oldValue} 变为 ${newValue}`)
  })

  return {
    count
  }
}

2. 使用 Options API 中的 watch：

export default {
  data() {
    return {
      count: 0
    }
  },
  watch: {
    count(newValue, oldValue) {
      console.log(`count 值从 ${oldValue} 变为 ${newValue}`)
    }
  }
}