之前我們講過(guò)vue3的監(jiān)聽(tīng)，我們的寫(xiě)法是如下所示，包括從vue2寫(xiě)過(guò)來(lái)的，都是需要監(jiān)聽(tīng)的數(shù)據(jù)，舊數(shù)據(jù)，新數(shù)據(jù)，除了寫(xiě)法上vue3和vue2難到?jīng)]有任何改變嗎？如果當(dāng)這幾個(gè)函數(shù)的回調(diào)函數(shù)一樣的時(shí)候，我們難道要寫(xiě)好多個(gè)嗎？

watch（監(jiān)聽(tīng)的數(shù)據(jù),（newvalue，oldvalue）=》{
  console.log(當(dāng)監(jiān)聽(tīng)數(shù)據(jù)改變時(shí)觸發(fā)的函數(shù)內(nèi)容)
}）

當(dāng)然我們vue3這里也可以通過(guò)數(shù)組包裹的形式同時(shí)監(jiān)聽(tīng)?zhēng)讉€(gè)數(shù)據(jù)。

當(dāng)需要監(jiān)聽(tīng)的數(shù)據(jù)是一個(gè)數(shù)組的時(shí)候，newValue返回的數(shù)據(jù)也是一個(gè)數(shù)組，可以使用結(jié)構(gòu)賦值把需要的數(shù)據(jù)拿出來(lái)。

但這里我們要說(shuō)的是vue3的另一種監(jiān)聽(tīng)watchEffect 。

和watch不同，他不需要規(guī)定監(jiān)聽(tīng)的數(shù)據(jù)，他會(huì)隱式的監(jiān)聽(tīng)所有的響應(yīng)式數(shù)據(jù)，只需要一個(gè)回調(diào)函數(shù)。就像在其他地方使用響應(yīng)式數(shù)據(jù)一樣，如果是reactive定義的數(shù)據(jù)需要加上.value。

    還有一個(gè)小技巧，vscode中已經(jīng)更新了自動(dòng)添加.value的功能。vscode的設(shè)置中搜索Auto Insert打開(kāi)即可自動(dòng)補(bǔ)全。