vue3使用watch监听props两大坑

1.props不能被解构使用,否则失去响应式Watch无法监听

正确写法

const props = defineProps(['mapData'])
watch(() => props.mapData, value => {
  doSomething(value)
})

错误写法

const { mapData }= defineProps(['mapData'])
watch(() => mapData, value => {
  doSomething(value)
})

2.监听props需要使用getter函数的形式() => props.data

正确写法

const props = defineProps(['mapData'])
watch(() => props.mapData, value => {
  doSomething(value)
})

错误写法

const props = defineProps(['mapData'])
watch(props.mapData, value => {
  doSomething(value)
})
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容