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入口文件

转载于:https://www.cnblogs.com/zhang134you/p/10618017.html