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)
})