文章目錄

• • Vue學習（vuex）-學習筆記
  • • 含義理解
    • 具體代碼
    • 輔助函數
    • • mapGetters
      • mapActions

Vue學習（vuex）-學習筆記

含義理解

State
Vuex 使用單一狀態樹——是的，用一個對象就包含了全部的應用層級狀態。
Getter
有時候我們需要從 store 中的 state 中派生出一些狀態，例如對列表進行過濾并計數：
Vuex 允許我們在 store 中定義“getter”（可以認為是 store 的計算屬性）。就像計算屬性一樣，getter 的返回值會根據它的依賴被緩存起來，且只有當它的依賴值發生了改變才會被重新計算。
Mutation
更改 Vuex 的 store 中的狀態的唯一方法是提交 mutation。
Action
Action 類似于 mutation，不同在于：
Action 提交的是 mutation，而不是直接變更狀態。
Action 可以包含任意異步操作。
Module
由于使用單一狀態樹，應用的所有狀態會集中到一個比較大的對象。當應用變得非常復雜時，store 對象就有可能變得相當臃腫。
為了解決以上問題，Vuex 允許我們將 store 分割成模塊（module）。每個模塊擁有自己的 state、mutation、action、getter、甚至是嵌套子模塊——從上至下進行同樣方式的分割：

具體代碼

可改變寫法，看上去更加清爽：

輔助函數

mapGetters

mapActions

總結

以上是生活随笔為你收集整理的Vue学习（vuex）-学习笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。