好吧,我就是單純的舉個例子:實現顯示變量 message
的翻轉字符串
第一種:methods:我們可以通過在表達式中調用方法來達到同樣的效果:
第二種:computed:計算屬性
上面的2中方法都實現了我想要實現的效果。但是
注:我們可以將同一函數定義為一個方法而不是一個計算屬性。兩種方式的最終結果確實是完全相同的。然而,不同的是計算屬性是基於它們的響應式依賴進行緩存的。只在相關響應式依賴發生改變時它們才會重新求值。這就意味着只要 message
還沒有發生改變,多次訪問 resvermessage
計算屬性會立即返回之前的計算結果,而不必再次執行函數。
由上面2張圖對比可以表現出:紅框中圈中的屬性只要在data里設置了初始值,下面的computed計算屬性就沒有任何效果了