Vuex 进阶——模块化组织 Vuex
前两篇讲解了一下 Vuex 的基本使用方法，可是在实际项目中那么写肯定是不合理的，如果组件太多，不可能把所有组件的数据都放到一个 store.js 中的，所以就需要模块化的组织 Vuex，首先看一下 项目结构。
一、首先执行以下命令：
vue init webpack-simple vuex-demo
cd vuex-demo
npm install
npm install vuex -S
npm run dev
二、按照上图结构创建文件目录
三、编写文件
我们就延用上两篇文章中的例子。先说一个各个文件的作用
types.js内定义常量，使用常量替代 mutation 事件类型
user.js内写该user组件内用到的state、getters、actions和mutations，并最后统一导出（类似上个例子中的 store.js ）
getters.js内写原来的getters，用来获取属性
actions.js内写原来的actions，就是要执行的动作，如流程的判断、异步请求
index.js是用来组装 actions.js 、 getters.js 、user.js 的，然后进行统一的导出
1. 在 main.js 中导入 index.js 文件并注册
2. 在 types.js 内定义 常量 并导出，默认全部大写
注意：把这些常量放在单独的文件中可以让你的代码合作者对整个 app 包含的 mutation 一目了然。用不用常量取决于你——在需要多人协作的大型项目中，这会很有帮助。但如果你不喜欢，你完全可以不这样做。
3. user.js 内写该 user 组件内用到的 state 、 getters 、 actions 和 mutations
注意：上方 mutations 中的 [types.INCREMENT] 写法，因为 types.INCREMENT 是一个对象，所以不能直接当做一个函数名来写，需要用到 ES2015 风格的计算属性命名功能来使用一个常量作为函数名，方能正常使用，原来的写法为：
constmutations ={
increment(state){
state.count ++;
}
}
4. getters.js 内写原来的判断奇偶数方法
5. actions.js 内写原来的异步操作
6. 在 index.js 中组装 actions.js 、 getters.js 、user.js 的，然后统一导出
7. Vue.app 文件不作任何修改
