vue之監聽器的使用案例詳解

第一種，用jquery的ajax發請求

用戶註冊時，判斷用戶名不能重復，可以用到監聽器。監聽器，用watch,需要監聽哪個值的變化，就把這個值，放在watch裡面。

拿到新值，調用接口，去請求後端，判斷用戶名是否已存在。

此時，遇到的問題，用戶刷新頁面的時候，並不會觸發監聽器，隻是在username值發生變化的時候，才會觸發監聽器，改進方法：將方法格式的偵聽器改成對象格式的偵聽器。

優先推薦方法格式的監聽器(最簡單)，如果刷新進來就需要執行一次，就定義成對象的監聽器。

當一個對象有多個屬性的時候，我們必須用對象格式的監聽，如果需求對象任意一個屬性改變，都能觸發監聽器，就必須開啟deep屬性

當對象有多個屬性，開啟deep:true。

如果要監聽的是對象的某個子屬性變化，則用下面的寫法：

總結：

到此這篇關於vue之監聽器的使用案例詳解的文章就介紹到這瞭,更多相關vue之監聽器的使用內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！