vue3的監(jiān)聽函數(shù)watch基礎(chǔ)

基本調(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ù)的對象屬性
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容