最近项目要储备vue-element-admin，于是吧官方的demo拿来研究了一段时间~在这段期间内完成了一个自制的小项目，近期会上线（vue-element-admin后台+uniapp制作的小程序），请期待~
对于vuex不想再这边长篇大论，详情请移步官方文档https://vuex.vuejs.org/zh/
其实最想表达的是一个成熟的vuex是如何使用的，借vue-element-admin这个成熟的案例分析一下vuex的模块化使用，另外也是通过笔记的方式去表达出来更有助于对这个知识点的沉淀~
我们看看整个store的目录：
到这的时候你会发现store里面的文件切割不过如此，通过modules把原本复杂繁琐的组件状态一一归类
到这里，你可能会觉得自己已经猜到了index.js的大概内容，我想大概应该是类似这样的写法
在这里就暴露了一个小问题，每次引入文件以及暴露文件会不会觉得听没意思的~
那么我们移步到index.js这个文件一探究竟：
这里有一行代码：const modulesFiles = require.context('./modules', true, /\.js$/)
那么我们来解释下require.context是什么意思，竟然能一行代码引入当前文件夹的所有文件夹：
我们再看看下面的代码做了什么
我们在控制台上打印下modules
到这里，你会发现模块化的自动导入是如此神奇~（完结）
标签：vue,admin,模块化,js,element,vuex From： https://www.cnblogs.com/yesxblogs/p/16772456.html