computed和watch的區(qū)別和運用的場景?

　　"Computed" 和 "watch" 是兩種在計算機編程中常用的概念，尤其在響應(yīng)式編程、函數(shù)式編程和數(shù)據(jù)驅(qū)動的應(yīng)用開發(fā)中經(jīng)常會遇到。它們在不同的框架和庫中可能有不同的實現(xiàn)方式，我將以Vue.js作為例子來解釋它們的區(qū)別和運用場景，因為Vue.js是一個流行的前端框架，并且這兩個概念在Vue.js中有非常清晰的應(yīng)用。

　　1.Computed (計算屬性)：

　　計算屬性是一種根據(jù)現(xiàn)有的數(shù)據(jù)計算得出的衍生數(shù)據(jù)，它們會根據(jù)依賴的數(shù)據(jù)動態(tài)更新。在Vue.js中，計算屬性是基于它所依賴的響應(yīng)式數(shù)據(jù)進行緩存的。計算屬性只有在它的相關(guān)依賴發(fā)生改變時才會重新計算，否則會返回緩存的結(jié)果，這樣可以避免不必要的計算開銷。

　　運用場景：

　　(1)當(dāng)需要根據(jù)已有數(shù)據(jù)計算出一些新的數(shù)據(jù)時，比如對數(shù)組進行過濾、映射等操作。

　　(2)當(dāng)一個數(shù)據(jù)依賴于其他數(shù)據(jù)的動態(tài)計算時，例如根據(jù)用戶輸入的搜索關(guān)鍵詞過濾數(shù)據(jù)列表。

　　(3)當(dāng)需要對數(shù)據(jù)進行復(fù)雜的邏輯運算或處理時，可以將這些邏輯封裝到計算屬性中，使代碼更清晰易讀。

　　2.Watch (偵聽器)：

　　Watch是一種用來監(jiān)聽數(shù)據(jù)變化并執(zhí)行相應(yīng)操作的方式。當(dāng)數(shù)據(jù)變化時，它可以執(zhí)行一些異步或耗時的操作，也可以執(zhí)行一些需要在數(shù)據(jù)變化時立即執(zhí)行的操作。在Vue.js中，可以通過在組件實例中定義watch屬性來設(shè)置對指定數(shù)據(jù)的監(jiān)聽。

　　運用場景：

　　(1)當(dāng)需要在數(shù)據(jù)變化時執(zhí)行異步操作時，比如發(fā)送網(wǎng)絡(luò)請求。

　　(2)當(dāng)需要執(zhí)行一些開銷較大的操作，但又不需要實時更新UI時。

　　當(dāng)需要監(jiān)聽一些不是Vue實例中的數(shù)據(jù)的變化時，比如監(jiān)聽瀏覽器的URL變化。

　　總結(jié)：

　　1.計算屬性適用于基于現(xiàn)有數(shù)據(jù)動態(tài)計算出新數(shù)據(jù)的場景，它們具有緩存和惰性計算的特性，只有在依賴數(shù)據(jù)變化時才會重新計算。

　　2.Watch適用于需要在數(shù)據(jù)變化時執(zhí)行一些操作的場景，它們更靈活，可以執(zhí)行異步操作，并且可以監(jiān)聽非響應(yīng)式數(shù)據(jù)的變化。

　　3.在實際應(yīng)用中，通常會根據(jù)具體的需求來選擇使用計算屬性還是Watch，有時候它們也可以互相替代，但在大多數(shù)情況下，它們都有各自特定的使用場景。