一、監(jiān)視屬性的使用

（一）配置watch進行監(jiān)視

當我們想要監(jiān)視一個屬性改變的時候就可以使用監(jiān)視屬性監(jiān)視其變化并進行操作。

語法格式如下：

watch:{

? ? ? ? 監(jiān)視屬性名稱 : {? // 監(jiān)視屬性的配置項? }

}

1. handler函數(shù)

當監(jiān)視的屬性發(fā)生變化時就調(diào)用了handler函數(shù)。

handler函數(shù)語法格式如下：

?handler(newValue, lodValue) {? // 監(jiān)視操作? }

簡單寫一個點擊按鈕改變性別，并監(jiān)聽isW的變化?：

?

?

2.??immediate配置項

因為第一次調(diào)用的時候沒有舊的值，所以oldValue為undefined。

3. deep深度監(jiān)視?

Vue可以檢測對象內(nèi)部值的變化，但是Vue提供的watch默認是不行的。

想要watch能夠檢測到數(shù)據(jù)深層次的變化，就要開啟深度監(jiān)視：

（二）配置$watch進行監(jiān)視

語法格式：

vm.$watch("監(jiān)視屬性名稱", {? // 配置項?})

??

二、監(jiān)視屬性的簡寫

什么情況下可以簡寫？

不使用immediate和deep配置項只使用handle函數(shù)的情況下才可以簡寫。

我們以上面改變性別的例子對兩種寫法進行簡寫：

?注意：如上形式中的函數(shù)不能寫成箭頭函數(shù)。

三、計算屬性和監(jiān)視屬性的區(qū)別

1. computed能實現(xiàn)的watch都能實現(xiàn)。

2. watch能實現(xiàn)的，computed不一定能實現(xiàn)，如：在watch中執(zhí)行異步任務