vue-element-admin中如何vuex的使用

有的朋友会疑惑vue-element-admin中vuex是怎么使用的，首先要说的是，vue-element-admin中把store给model化了，就是说分成a/b/c/d...的很多模块，每个模块都有自己的state/mutation/getter/action,在大的项目中，这么做的效果还是显而易见的，因为单一的状态树种，随着项目的不断迭代，会有很多状态和mutation放入同一个state/mutation对象中，难免会使对象臃肿不堪，而且模块化也是大家所追求的嘛！

ok废话不多说，直接撸实操

一：首先要创建一个自己的store模块，在store/modules中创建一个my.js,并在其中书写自己的state/mutation/action

const my = {
  state: {
    ceshi: 1
  },

  mutations: {
    CESHI_NUM: (state, data) => {
      state.ceshi += data
    },
  },

  actions: {
    ceshi({ commit, state }, data) {
      commit('CESHI_NUM', data)
    },
  }
}

export default my

二：在store的index中注册my.js

import my from './modules/my'

Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    my
  }
})

三：在组件中调用和改变状态树

ok，过程是不是很简单！