屬性偵聽是Vue非常強(qiáng)大的功能之一。使用屬性偵聽可以方便的監(jiān)聽某個(gè)屬性的變化,已完成復(fù)雜的業(yè)務(wù)邏輯。如自動(dòng)關(guān)聯(lián)推薦詞,這種場(chǎng)景就非常適合使用監(jiān)聽器來實(shí)現(xiàn)。
在Vue中,可以通過watch選項(xiàng)來定義屬性偵聽器。
Watch的基本語法如下:
watch: {
被監(jiān)聽的數(shù)據(jù): {
handler(數(shù)據(jù)改變后的值, 數(shù)據(jù)改變之前的值) {
相關(guān)代碼邏輯...
}
}
}
首先在頁面中寫一個(gè)input輸入框,綁定一個(gè)名為searchText的變量。
接著在watch中對(duì)其進(jìn)行操作,
可以看到當(dāng)輸入文本超過十個(gè)字符的時(shí)候,就會(huì)有警告框彈出。
從一些特性上看,屬性偵聽器與計(jì)算屬性有類似的應(yīng)用場(chǎng)景,使用計(jì)算屬性的set方法也可以實(shí)現(xiàn)與上面代碼類似的功能。