168-Vue中vuex里面按照功能模块化最后一次拆分

168-Vue中vuex里面按照功能模块化最后一次拆分

首先看目录：
 

查看本文之前，首先要看查看上一篇文章：

166-Vuex数据按功能模块化

这篇文章只是将下面的各个功能进一步拆分成各个文件：（这是拆分前的）

 

拆分后store/chanNum/index.js代码为：

分别拆分成了四个文件：state.js   getters.js  mutations.js  actions.js

state.js

 

 getters.js

 mutations.js

 actions.js

 store/index.js代码如下：

调用数据的方法如下：

最终效果如下：