VUX store模块化配置

1. 文件目录

2.store文件夹新建index.js文件，这里使用user模块

import Vue from 'vue'
import Vuex from 'vuex'
import user from './module/user'
Vue.use(Vuex)

const store = new Vuex.Store({
  modules: {
    user
  }
})
export default store

3.新建module文件夹管理对应的模块，这里示例user.js

const user = {
    namespaced:true,
    state:{
        token:'',
        userObj:{},
        tabActive:''
    },
    mutations:{
        SET_USER_OBJ(state,obj){
            state.userObj = obj
        },
        SET_TOKEN(state,token){
            state.token = token
        },
        SET_ACTIVE(state,str){
            state.tabActive = str
        }
    }
}

export default user

4.使用

  this.$store.commit('user/SET_ACTIVE',this.active) //存
  this.$store.state.user.tabActive //取