vuex中modules的使用

• modules提出的目的：

“由于使用单一状态树，应用的所有状态会集中到一个比较大的对象。当应用变得非常复杂时，store 对象就有可能变得相当臃肿。”

（来自vuex文档）https://vuex.vuejs.org/zh/guide/modules.html

• 如何使用modules

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'

Vue.use(Vuex)

const files = require.context('./modules', true, /\.js$/)
console.log(files, files.keys(), 'bbb')
const modules = files.keys().reduce((modules, path) => {
  console.log(modules, path, 'vv')
  const name = path.replace(/^\.\/(.*)\.\w+$/, '$1')
  modules[name] = files(path).default
  return modules
}, {})

const store = new Vuex.Store({
  modules,
  getters
})

export default store