vue學習筆記-vuex

store  倉庫部分

數據存儲 State
state 可以顯示的展示數據格式等等,形象理解就是爲數據佔位置。
思考:在什麼位置可以 顯示的生成數據,除state內以外?

獲取數據 Getters 
getters 寫入獲取數據的方法,vuex提供了 filter,find等篩選數據的方法

狀態變更 Mutation
Mutation 可以更改 state裏面的數據狀態,必須是同步,異步不支持,通過store.commit 方法 更改狀態

store.commit 方法帶兩個參數或者一個參數, 兩個參數時,第一個爲Mutation內的方法名稱, 第二個纔是傳入該方法的一個參數;一個參數時,參數必須是Object,且 必須帶type屬性,該屬性爲Mutation內的方法名稱,並且該對象作爲參數傳給該方法

動作 Action
Action 類似於 mutation,不同在於:Action 提交的是 mutation,而不是直接變更狀態。Action 可以包含任意異步操作。
Action 通過 store.dispatch 方法觸發 使用類似Mutation

模塊 Module
new Vuex.Store({
  modules: {
    a: moduleA,
    b: moduleB
  }
})
每個Module都可以單獨擁有State、Getter、Mitation、Action


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