vuex分模块

1.在store文件夹中新建一个文件夹叫modules文件夹 //store文件夹中有一个index.js文件是自己创建的，还有store文件夹页是自己创建的写在src文件夹后面不是里面
2.在modules文件夹中新建两个JS文件，一个叫count.js文件是保存数量的其他保存的不要放在该文件的state中，一个叫user.js文件
3.在count.js文件中新建

// 创建vuex空对象
const state = {
num
}
const mutations = {}
const actions = {}
const getters = {}

// 导出vuex实例对象
export default new Vuex.store({
  state,
  mutations,
  actions,
  getters
})

4.在store文件夹中的index.js文件中去引入count.js文件

import count ='./modules/count'
Vue.use(Vuex)

5.在index.js中记得

const store = new Vuex.Store({
  module:{
count   //意思是引入模块，有多少个模块就引多少
}
  }

6.如果有vue组件需要访问到count模块

<el-tag type="danger">{{$store.state.count.num}}</el-tag><el-button @click="getRes">-1</el-button>
//记得如果想要访问模块里面的属性在前面加上模块名称

7.在mapState中,其他的map写法不变

computed：mapState（{
num：state=>state.模块名.模块里的属性
}）