一、 watch是什么？
監(jiān)測(cè) Vue 實(shí)例變化的一個(gè)表達(dá)式或方法?；卣{(diào)函數(shù)得到的參數(shù)為新值和舊值，用一個(gè)函數(shù)取代。
簡(jiǎn)潔的說：watch的作用可以監(jiān)控一個(gè)值的變換，并調(diào)用因?yàn)樽兓枰獔?zhí)行的方法?？梢酝ㄟ^watch動(dòng)態(tài)改變關(guān)聯(lián)的狀態(tài)。
二、watch的（三種）應(yīng)用
1、監(jiān)聽一個(gè)數(shù)據(jù)變化
<pre class="wp-block-code"><code><input type="text" v-model="val"/></code></pre>data(){
return{
val:'2'
}
},
watch: {
val: {
handler(newVal, objVal) {
console.log(11);
},
}
}
2、當(dāng)監(jiān)測(cè)為對(duì)象的時(shí)候（非數(shù)組情況），deep = true （對(duì)象內(nèi)部的屬性監(jiān)聽，也叫深度監(jiān)聽），包含handler方法和immediate（進(jìn)入組件的時(shí)候，第一次并不會(huì)執(zhí)行watch，是因?yàn)閕mmediate 默認(rèn) false，當(dāng) immediate = true 的時(shí)候，進(jìn)入組件會(huì)立即執(zhí)行。并且可以監(jiān)測(cè)到組件傳遞數(shù)據(jù)）
watch: {
'obj.name': {
handler(newName, oldName) {
// ...
},
deep: true,
immediate: true
}
}
文章來(lái)源：田珊珊個(gè)人博客
來(lái)源地址：http://www.tianshan277.com/853.html
申請(qǐng)創(chuàng)業(yè)報(bào)道，分享創(chuàng)業(yè)好點(diǎn)子。點(diǎn)擊此處，共同探討創(chuàng)業(yè)新機(jī)遇！
