vue 中 watch 用于觀察數(shù)據(jù)變化并執(zhí)行回調(diào)函數(shù)，而 computed 用于創(chuàng)建基于其他響應(yīng)式數(shù)據(jù)的計算屬性。
Vue 中 watch 和 computed 的區(qū)別
簡單回答：
watch 用于觀察數(shù)據(jù)變化并執(zhí)行回調(diào)函數(shù)，而 computed 用于創(chuàng)建基于其他響應(yīng)式數(shù)據(jù)的計算屬性。
詳細(xì)回答：
watch
用途：監(jiān)聽一個或多個響應(yīng)式數(shù)據(jù)的變化并執(zhí)行回調(diào)函數(shù)。
優(yōu)點：
可以處理復(fù)雜的數(shù)據(jù)變化，例如數(shù)組或?qū)ο蟮母淖儭?br /> 允許執(zhí)行異步操作或其他自定義邏輯。
缺點：
每當(dāng)被監(jiān)視的數(shù)據(jù)發(fā)生變化時都會觸發(fā)回調(diào)，這可能導(dǎo)致大量不必要的重新渲染。
computed
用途：創(chuàng)建基于其他響應(yīng)式數(shù)據(jù)的計算屬性。
優(yōu)點：
只有當(dāng)依賴的數(shù)據(jù)發(fā)生變化時才會重新計算。
緩存計算值，提高性能。
可以在模板中直接使用，就像普通的數(shù)據(jù)一樣。
缺點：
無法直接監(jiān)聽數(shù)組或?qū)ο蟮母淖儯枰褂幂o助方法（例如 useRefs）。
總結(jié)：
使用 watch：需要在數(shù)據(jù)發(fā)生變化時執(zhí)行自定義邏輯或異步操作時。
使用 computed：需要創(chuàng)建基于其他響應(yīng)式數(shù)據(jù)的計算屬性，并且希望在依賴數(shù)據(jù)變化時自動更新時。
