Vuex常用模块化使用方案

原创 守候你的季节 随笔 JavaScript 204阅读 2018-02-02 18:17:33 举报

Vue中进行数据的统一状态管理,无疑Vuex是最好的选择。那么我又不想把所有的state全扔到一个文件里面进行管理,而是要进行友好的拆分,模块化管理。
Vuex的官网上当然介绍了module(模块化分割)的使用,下面简要概述项目中使用vuex的常见模块管理。

目录结构:

由外及内来实现一下
1.vue的main.js导入store,全局可用this.$store
javascript 代码

2.store.js具体实现一个store
javascript 代码

3.moduleA的具体代码
1) types.js
javascript 代码

2) actions.js
javascript 代码

3) mutations.js
javascript 代码

moduleB同样如此

4.view层组件使用
html 代码

5.还有其他的辅助函数具体见官网

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复