Vuex 使用modules采坑

前面的话

Vuex一般用于项目比较大，组件之间的逻辑关系比较多时，其中的五大选项：state、mutations、actions、getters、modules小柒平时一般只使用过前四个。modules用来分割store,这次的项目用到了这个选项，记录一下踩的坑。

项目结构

store文件夹如下：

我们不同模块state、getters、mutations、actions都写在不同的文件中，放入modules文件夹中：

在 store下的index.js文件中将会暴露出modules文件中的内容：

比如work.js:

如果我们想要在组件中使用work.js中state中的unfinishWork数据，要这样才能取得到：this.$store.state.work.unfinishWork;

形成对应的关系才能取得到。