vuex目錄結構解析

//module1.js
import api from './api';
export default {
    state:{  //狀態對象
        name: ''
    },
    getters:{ //獲取數據
        name: state => state.name  
    },
    mutations:{  //更新數據
        updateName(state,name = ''){
            state.name = name
        }
    },
    actions:{  //支持異步請求更新數據
        async getName({ commit }) {
            let { result } = await api.getName({});
            if (result) commit(updateName, result);  
        }
    }
}

　　以上定義一個vuex模塊配置

//index.js
import Vue from 'vue'
import Vuex from 'vuex'
import * as actions from './actions'
import  module1 './module1'
Vue.use(Vuex)
export default new Vuex.Store({
    actions,
    modules:{
        module1
    }
})

　　以上是vuex入口文件