vue中computed和watch的區別與使用場景


計算屬性computed:

  1. 支持緩存,只有依賴數據發生改變,才會重新進行計算
  2. 不支持異步,當computed內有異步操作時無效,無法監聽數據的變化
  3. computed 屬性值會默認走緩存,計算屬性是基於它們的響應式依賴進行緩存的,也就是基於data中聲明過或者父組件傳遞的props中的數據通過計算得到的值

偵聽屬性watch:

  1. 不支持緩存,數據變,直接會觸發相應的操作
  2. watch支持異步;
  3. 監聽的函數接收兩個參數,第一個參數是最新的值;第二個參數是輸入之前的值;

適用場景

  • computed 適⽤於計算⽐較消耗性能的計算場景
  • 當我們要進⾏數值計算,⽽且依賴於其他數據,那么把這個數據設計為computed
  • 如果你需要在某個數據變化時做⼀些事情,使⽤watch來觀察這個數據變化


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM