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`的变化，并在回调函数中输出变化前后的值。

相关问题

vue3watch监听布尔值

watch函数可以监听布尔值的变化。你可以像监听其他类型的数据一样，在watch函数中指定要监听的布尔值，并提供一个回调函数来处理变化。如果布尔值发生变化，回调函数将被调用。

相关问题:
1. watch函数如何监听数组的变化？
2. watch函数如何监听对象的属性变化？
3. watchEffect

vue3 watch监听布尔值

可以通过在watch中设置immediate属性来监听布尔值的变化。示例代码如下：

watch:{
  value:{
    handler(val){
      console.log(val)
    },
    immediate: true
  }
}

其中，value为需要监听的布尔值。