Redux Vs Vuex 学习与比较

比较差异

  1. vuex 的 mutations 选项 更像是 redux 当中 reducer,都是一些注册函数。待用户派发一些事件之后,执行程序输出新的 state
  2. vue 并没有显示的定义 那些{type, payload}。 而在触发mutation的时候,是通过提交{type:事件类型} 这种方式已经指定好了相应的注册函数(mutations)。
    而 redux 则是 先确定好 type,在通过 判断 type 来执行相应的 注册函数(reducer)
  3. 相比vuex ,redux多了创建 action这么一步

redux 执行定义步骤

  1. 定义好 initState,想明白需要在项目当中所需要哪些数据,以便这些数据来驱动视图的更新
  2. 定义好 产生改变此 initState 的 reducer。
  3. 定义相应的 action-types,之后在定义 action-creater。看看此action-creator是否为异步,如果是异步,在定义 相应的 async-action-creator 来派发 action-creator。
模式名称 命名
action-types SET_EXAMPLE
action-creator setExample
async-action-creator getExample