vuex 高级使用

vuex

工程导图

程序编写

index.js

import Vue from 'vue'
import Vuex from 'vuex'
import getters from './getters'
const path = require('path')

Vue.use(Vuex)

// 获取指定目录下的文件，require.context函数执行后返回的是一个函数,并且这个函数有3个属性（
//resolve （ {Function} -接受一个参数request,request为test文件夹下面匹配文件的相对路径,返回这个匹配文件相对于整个工程的相对路径），
//keys（ {Function} -返回匹配成功模块的名字组成的数组），
//id（{String} -执行环境的id,返回的是一个字符串,主要用在module.hot.accept,应该是热加载））
const files = require.context('./modules', false, /\.js$/)
let modules = {}
files.keys().forEach(key => {
  let name = path.basename(key, '.js')
  modules[name] = files(key).default || files(key)
})
const store