1. 程式人生 > >vue中的vuex狀態管理

vue中的vuex狀態管理

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