vue-vuex与react redux 比较

vuex store的目录结构

  1. 模块结构
 var store=new Vuex({
modules:{
  modulesA:{
    state:{},
    getters:{},
    mutations:{},
    actions:{}  异步
   }
  }
})  
  1. 辅助映射函数 mapState, mapGetters, mapMutations, mapActions
    通过辅助函数可以将操作映射到组件的操作中
  2. 文件夹结构
    (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函数
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 2,964评论 0 7
  • 一、什么是Vuex Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有...
    紫月凌枫阅读 10,174评论 0 16
  • vuex 场景重现:一个用户在注册页面注册了手机号码,跳转到登录页面也想拿到这个手机号码,你可以通过vue的组件化...
    sunny519111阅读 8,040评论 4 111
  • Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应...
    白水螺丝阅读 4,691评论 7 61
  • Vuex是什么? Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件...
    萧玄辞阅读 3,153评论 0 6