1.props不能被解構(gòu)使用,否則失去響應(yīng)式Watch無(wú)法監(jiān)聽(tīng)
正確寫法
const props = defineProps(['mapData'])
watch(() => props.mapData, value => {
doSomething(value)
})
錯(cuò)誤寫法
const { mapData }= defineProps(['mapData'])
watch(() => mapData, value => {
doSomething(value)
})
2.監(jiān)聽(tīng)props需要使用getter函數(shù)的形式() => props.data
正確寫法
const props = defineProps(['mapData'])
watch(() => props.mapData, value => {
doSomething(value)
})
錯(cuò)誤寫法
const props = defineProps(['mapData'])
watch(props.mapData, value => {
doSomething(value)
})