基本調(diào)用:watch(被監(jiān)聽的數(shù)據(jù),回調(diào)函數(shù),配置項)
一、基礎(chǔ)類型監(jiān)聽
單個數(shù)據(jù)監(jiān)聽

單個數(shù)據(jù)監(jiān)聽
多個數(shù)據(jù)監(jiān)聽
vue3允許使用多個watch進行監(jiān)聽不同的數(shù)據(jù)
也可使用將所有要監(jiān)聽的數(shù)據(jù)放在一個數(shù)組里進行監(jiān)聽

多個數(shù)據(jù)監(jiān)聽
二、復(fù)雜數(shù)據(jù)類型監(jiān)聽
直接監(jiān)聽一個reactive數(shù)據(jù)時,強制開啟深度監(jiān)聽,并且無法關(guān)閉;此時無法在回調(diào)函數(shù)中獲取oldValue,oldValue會展示成和newValue一樣

監(jiān)聽一個reactive數(shù)據(jù)
監(jiān)聽reactive數(shù)據(jù)的一個屬性時,不會強制開啟深度監(jiān)聽,并且可正常獲取oldValue的值

只監(jiān)聽reactive數(shù)據(jù)的一個屬性
當reactive數(shù)據(jù)的一個屬性是對象時,監(jiān)聽該對象,需手動設(shè)置深度監(jiān)聽,且設(shè)置深度監(jiān)聽后無法獲取oldValue的值

監(jiān)聽一個reactive數(shù)據(jù)的對象屬性