一篇文章教你簡單使用Vue的watch偵聽器
偵聽器watch
- 函數名就是要偵聽的元素的名字
- 傳入的參數第一個是變化後的新值newval，第二個是變化前的舊值oldval
格式
方法格式的偵聽器
- 無法在剛進入頁面時自動觸發，隻有在偵聽到變化才會觸發
- 如果偵聽的是對象，當對象的屬性發生變化時，不會偵聽到
對象格式的偵聽器
- 通過immediate選項，可以讓偵聽器自動觸發
- 通過deep選項，使偵聽器深度偵聽到對象中屬性的變化
這是Vue實例中的data對象：
設置偵聽器：
下面分別是方法格式的偵聽器和對象格式的偵聽器：
方法格式的偵聽器實現的是，當input中內容變化時，觸發偵聽，偵聽input中的內容（內容是與tem綁定好的），如果當前input中的內容不在already數組中，就添加到already中，否則彈出提示框該名稱已存在
對象格式的偵聽器實現的是，頁面一旦載入就立即觸發偵聽，偵聽foo對象name屬性的變化。
總結
本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!