Vue中methods(方法)、computed(計算屬性)、watch(偵聽器)的區別


1、computed和methods

共同點:computed能現實的methods也能實現;

不同點:computed基於它的依賴進行緩存的。computed只有在它的相關依賴發生變化才會重新計算求值。 而只要它的相關依賴沒有發生變化,多次訪問會立即返回之前的計算結果,而不必再次執行計算。相比之下,每當觸發重新渲染時,調用方法將總會再次執行函數。也就是說當我們不希望有緩存,用方法來替代。

2、watchcomputed

共同點:都是以Vue的依賴追蹤機制為基礎的,都是希望在依賴數據發生改變的時候,被依賴的數據根據預先定義好的函數,發生“自動”的變化。、;

不同點:watch擅長處理的場景:一個數據影響多個數據;computed擅長處理的場景:一個數據受多個數據影響。雖然計算屬性在大多數情況下更合適,但有時也需要一個自定義的偵聽器,當需要在數據變化時執行異步或開銷較大的操作時,通過偵聽器最有用。


免責聲明!

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



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