前端Vue.js學習——計算屬性緩存 vs 方法

今天學習了Vue的計算屬性computed。

 

這裏簡單舉個例子比較其和方法的區別。他們之間的區別就在於執行的條件。

 

可以先去Vue網站https://cn.vuejs.org/v2/guide/computed.html看看裏面的講解。下面是我學習的例子

可以看出屬性和方法都執行了。現在我們分別改變message和msg的值。

可見只要觸發重新渲染(頁面的元素改變),方法都會執行一次(都會打印方法調用),而屬性的依賴(msg)沒有發生改變,計算屬性會立即返回之前的計算結果,而不必再次執行函數(打印屬性更新)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章