更新時間:2022-08-26 來源:黑馬程序員 瀏覽量:
computed:是計算屬性,并且computed的值具有緩存,只有他依賴的屬性發(fā)生變化,下一次獲取computed的值才會重新計算屬性的值。
適用場景:當(dāng)我們需要進(jìn)行計算,并且依賴其他數(shù)據(jù)時,應(yīng)該使用computed,可以利用computed的緩存特性,避免每次獲取值時都要重新計算(購物車計算價格的案例)。
watch:(偵聽器)沒有緩存性,更多的是觀察的作用,可以監(jiān)聽某些數(shù)據(jù)執(zhí)行回調(diào)。當(dāng)我們需要深度監(jiān)聽對象中的屬性時,可以打開deep:true選項,這樣便會對對象中的每一項進(jìn)行監(jiān)聽。一個數(shù)據(jù)影響多個數(shù)據(jù)。
使用場景:在數(shù)據(jù)變化時執(zhí)行異步或者開銷較大的操作時,應(yīng)該使用watch。 watch允許異步操作 (比如:瀏覽器自適應(yīng)、監(jiān)控路由對象、監(jiān)控自身屬性變化)。