一、 watch是什么？

監(jiān)測(cè) Vue 實(shí)例變化的一個(gè)表達(dá)式或方法。回調(diào)函數(shù)得到的參數(shù)為新值和舊值，用一個(gè)函數(shù)取代。

簡(jiǎn)潔的說(shuō)：watch的作用可以監(jiān)控一個(gè)值的變換，并調(diào)用因?yàn)樽兓枰獔?zhí)行的方法。可以通過(guò)watch動(dòng)態(tài)改變關(guān)聯(lián)的狀態(tài)。

二、watch的(三種)應(yīng)用

1、監(jiān)聽(tīng)一個(gè)數(shù)據(jù)變化

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)聽(tīng)，也叫深度監(jiān)聽(tīng))，包含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

}

}

版權(quán)聲明:除特別注明外,本站所有文章均為田珊珊個(gè)人博客原創(chuàng)

總結(jié)

以上是生活随笔為你收集整理的vue 中watch函数名_VUE中watch用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。