对VueX的状态管理进行模块化的简单模板

在store文件夹中有四个js文件

actions.js、index.js、mutations.js、state.js

入口文件  index.js文件中

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

import state from "./state";
import mutations from './mutations';
import actions from './actions';
export default new Vuex.Store({
    state,
    mutations,
    actions
})

在state.js文件中，储存的是各种状态

const state = {
    //定义状态
}
export default state

在mutations.js文件中

const mutations = {
   //....
}
export default mutations

在actions.js文件中

const actions={
    //....
}
export default actions

Vuex的状态模块化千奇百怪，各位大佬各异根据自己的习惯以及具体需求进行封装