1.基本用法

下面代碼是watch的一種基本用法：

watch去監聽單個值是否發生改變

直接寫一個監聽處理函數，當每次監聽到cityName值發生改變時，執行函數。也可以在所監聽的數據后面直接加字符串形式的方法名：

watch: {
firstName: 'nameChange'// 方法名
}
}

2. immediate和handler

使用watch基本用法時有一個特點，就是當值第一次綁定的時候，不會執行監聽函數，只有值發生改變才會執行。如果我們需要在最初綁定值的時候也執行函數，則就需要用到immediate屬性。

比如當父組件向子組件動態傳值時，子組件props首次獲取到父組件傳來的默認值時，也需要執行函數，此時就需要將immediate設為true。

監聽的數據后面寫成對象形式，包含handler方法和immediate，之前我們寫的函數其實就是在寫這個handler方法。

immediate表示在watch中首次綁定的時候，是否執行handler，值為true則表示在watch中聲明的時候，就立即執行handler方法，值為false，則和一般使用watch一樣，在數據發生變化的時候才執行handler。

3. deep

當需要監聽一個對象的改變時，基本的watch方法無法監聽到對象內部屬性的改變，只有data中的數據才能夠監聽到變化，此時就需要deep屬性對對象進行深度監聽。

這樣只會給對象的某個特定的屬性加監聽器。數組(一維、多維)的變化不需要通過深度監聽，對象數組中對象的屬性變化則需要deep深度監聽。

總結

以上是生活随笔為你收集整理的监听对象中某一项的值_Vue中watch的详细用法的全部內容，希望文章能夠幫你解決所遇到的問題。

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