vue-vuex与react redux 比较

vuex store的目录结构

1. 模块结构

 var store=new Vuex({
modules:{
  modulesA:{
    state:{},
    getters:{},
    mutations:{},
    actions:{}  异步
   }
  }
})  

2. 辅助映射函数 mapState, mapGetters, mapMutations, mapActions
   通过辅助函数可以将操作映射到组件的操作中
3. 文件夹结构
   （1）模块结构 ：moduleA:{ state:{},getters:{}, mutations:{},actions:{}}, moduleB:{},moduleC
   (2) 模块结构+state/mutaions/actions/getters/结构，在模块基础上继续拆分js文件

react redux 目录结构

1. actions.js
   定义各类actions
2. reduce.js
   定义各类reduce
3. containers
   定义state 与actions 在组件类的映射，绑定到this.props属性之下
   类似：mapState, mapGetters, mapMutations, mapActions函数