[TOC] ### 1. 項目結構  ### 2. modules/index.js(加載其中的全部文件) ~~~ const files = require.context(".", true, /\.js$/); const modules = {}; files.keys().forEach(key => { if (key === "./index.js") { return; } const moduleName = key.split("/")[1].split(".")[0]; modules[moduleName] = files(key).default; }); export default modules; ~~~ ### 3. index.js ~~~ import Vue from "vue"; import Vuex from "vuex"; import modules from "./modules"; Vue.use(Vuex); export default new Vuex.Store({ modules }); ~~~ ### 4. type.js ~~~ // 公共 export const SET\_CONFIG \= "SET\_CONFIG"; // 設置全局配置內容 ~~~ ### 4. config.js ~~~ // 配置信息 import { SET_CONFIG } from "../types"; const config = { // 命名空間 // namespaced: true, state: { config: null }, mutations: { [SET_CONFIG](state, config) { state.config = config; } }, getters: { config: state => state.config } }; export default config; ~~~