vuex store的目录结构
- 模块结构
var store=new Vuex({
modules:{
modulesA:{
state:{},
getters:{},
mutations:{},
actions:{} 异步
}
}
})
- 辅助映射函数 mapState, mapGetters, mapMutations, mapActions
通过辅助函数可以将操作映射到组件的操作中
- 文件夹结构
(1)模块结构 :moduleA:{ state:{},getters:{}, mutations:{},actions:{}}, moduleB:{},moduleC
(2) 模块结构+state/mutaions/actions/getters/结构,在模块基础上继续拆分js文件
react redux 目录结构
- actions.js
定义各类actions
- reduce.js
定义各类reduce
- containers
定义state 与actions 在组件类的映射,绑定到this.props属性之下
类似:mapState, mapGetters, mapMutations, mapActions函数