vue-methods方法與computed計算屬性的差別


好吧,我就是單純的舉個例子:實現顯示變量 message 的翻轉字符串

第一種:methods:我們可以通過在表達式中調用方法來達到同樣的效果:

 

 

第二種:computed:計算屬性

 

上面的2中方法都實現了我想要實現的效果。但是

注:我們可以將同一函數定義為一個方法而不是一個計算屬性。兩種方式的最終結果確實是完全相同的。然而,不同的是計算屬性是基於它們的響應式依賴進行緩存的。只在相關響應式依賴發生改變時它們才會重新求值。這就意味着只要 message 還沒有發生改變,多次訪問 resvermessage計算屬性會立即返回之前的計算結果,而不必再次執行函數。

 

 

 

 由上面2張圖對比可以表現出:紅框中圈中的屬性只要在data里設置了初始值,下面的computed計算屬性就沒有任何效果了

 


免責聲明!

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



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