? ? Vue.js 監聽屬性 watch，可以通過 watch 來響應數據的變化。

? ? watch：用來監聽每一個屬性的變化
? ? watch這個對象里面都是函數，函數的名稱是data中的屬性名稱，watch中的函數不需要調用
? ? 當屬性發生改變那么就會觸發watch函數，每個函數都會接受兩個值，一個是新值，一個是舊值
? ? 我們可以在watch當中就新舊值的判斷來減少虛擬dom的渲染
? ? 只要是當前的屬性值發生改變就會觸發它所對應的函數

實例1；

當 counter 變化時，在 watch 中捕捉到，可以收到改變后的值；此處只是彈出一個提示框；

實例2；

程序最初運行如下；

在輸入框輸入 A，變化如下；

在輸入框再輸入C；

?

?

?

?

?

總結

以上是生活随笔為你收集整理的Vue.js 监听属性简单实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。