計算屬性computed 了解一下

為什么method每次都會調(diào)用呢？考慮

method: {
  showRandom() {
    return Math.random();
  },
  showConstant() {
    return 42;
  }
}

需要刷新視圖的時候，我們是應(yīng)該調(diào)用method呢，還是不應(yīng)該呢？Vue不可能知道函數(shù)返回值會不會變，為了避免出錯，只能全都調(diào)用。

但是這樣確實浪費了性能，computed就是用來解決這個問題的。computed相當(dāng)于顯式地告訴Vue，只要依賴項沒變，函數(shù)返回值就不會變，就不需要刷新。這樣的話，只修改data中一個數(shù)據(jù)的值，其他部分不會刷新。

具體到題主的情況，vuex提供mapState，可以用來取代上面的show函數(shù)，填到計算屬性里面就可以了。mapState 輔助函數(shù)