handle
:watch
中需要具體執(zhí)行的方法
deep
:需要監(jiān)聽(tīng)的數(shù)據(jù)的深度,一般用來(lái)監(jiān)聽(tīng)對(duì)象中某個(gè)屬性的變化,數(shù)組字符串一般不需要
immediate
:在選項(xiàng)參數(shù)中指定immediate: true
將立即以表達(dá)式的當(dāng)前值觸發(fā)回調(diào)
<input type="text" v-model="cityName.name"/>
new Vue({
el: '#root',
data: {
cityName: {id: 1, name: 'shanghai'}
},
watch: {
cityName: {
handler(newName, oldName) {
// ...
},
deep: true,
immediate: true
}
}
})
使用watch時(shí)有一個(gè)特點(diǎn)删顶,就是當(dāng)值第一次綁定的時(shí)候闰靴,不會(huì)執(zhí)行監(jiān)聽(tīng)函數(shù)眯漩,只有值發(fā)生改變才會(huì)執(zhí)行秒际。如果我們需要在最初綁定值的時(shí)候也執(zhí)行函數(shù)了赵,則就需要用到immediate屬性慎宾。 當(dāng)我們輸入firstName后丐吓,wacth監(jiān)聽(tīng)每次修改變化的新值浅悉,然后計(jì)算輸出fullName,最初綁定的時(shí)候是不會(huì)執(zhí)行的