vue中的vuex狀態管理
阿新 • • 發佈:2018-12-18
Vuex 是一個專為 Vue.js 應用程式開發的狀態管理模式,用來儲存共享的資料以及相關的狀態資料變化的操作。
每一個 Vuex 應用的核心就是 store(倉庫)。“store”基本上就是一個容器,它包含著你的應用中大部分的狀態 (state)。
store檔案中各個模組的作用:
1、state 儲存資料的狀態 2、mutations 更改store中的狀態的唯一方法是提交mutation。mutation類似於事件:每個mutation都有一個字串的事 件型別(type),和一個回撥函式(handler).利用store.commit('方法名')來呼叫這個函式。 3、mutations-type 可以認為是store中的計算屬性,mapGetters是輔助函式,僅僅將store中的getter對映到區域性計算屬性 4、action action類似於mutation,不同在於:action提交的是mutation,而不是直接變更狀態,action可以包含任意 非同步操作。action用store.dispatch方法觸發函式。mapActions是輔助函式,將元件的 methods 對映為 store.dispatch