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