vue3 watch 监听 prpos的值

在Vue3中，可以使用`watch`选项来监听`props`的变化。具体实现方法如下：

import { watch } from 'vue'

export default {
  props: {
    cityName: {
      type: String,
      default: 'shanghai'
    }
  },
  setup(props) {
    watch(() => props.cityName, (newVal, oldVal) => {
      console.log(`cityName changed from ${oldVal} to ${newVal}`)
    })
  }
}

在上述代码中，我们使用了Vue3的`setup`函数来编写组件逻辑。在`setup`函数中，我们使用`watch`函数来监听`props.cityName`的变化，并在回调函数中输出变化前后的值。