計算屬性computed:
- 支持緩存,只有依賴數據發生改變,才會重新進行計算
- 不支持異步,當computed內有異步操作時無效,無法監聽數據的變化
- computed 屬性值會默認走緩存,計算屬性是基於它們的響應式依賴進行緩存的,也就是基於data中聲明過或者父組件傳遞的props中的數據通過計算得到的值
偵聽屬性watch:
- 不支持緩存,數據變,直接會觸發相應的操作
- watch支持異步;
- 監聽的函數接收兩個參數,第一個參數是最新的值;第二個參數是輸入之前的值;
適用場景
- computed 適⽤於計算⽐較消耗性能的計算場景
- 當我們要進⾏數值計算,⽽且依賴於其他數據,那么把這個數據設計為computed
- 如果你需要在某個數據變化時做⼀些事情,使⽤watch來觀察這個數據變化
