1. import Vue from 'vue'
    2. import Vuex from 'vuex'
    3. import getters from './getters'
    5. Vue.use(Vuex)
    7. const modulesFiles = require.context('./modules', true, /\.js$/)
    9. const modules = modulesFiles.keys().reduce((modules, modulePath) => {
    10.   // set './app.js' => 'app'
    11.   const moduleName = modulePath.replace(/^\.\/(.*)\.\w+$/, '$1')
    12.   const value = modulesFiles(modulePath)
    13.   modules[moduleName] = value.default
    14.   return modules
    15. }, {})
    17. export default new Vuex.Store({
    18.   getters,
    19.   modules
    20. })

    modules
    image.png
    目录结构
    image.png
    使用模块中的方法

    1. 在方法前面加上模块名
    2. await this.$store.dispatch('user/logout')