比较差异
- vuex 的 mutations 选项 更像是 redux 当中 reducer,都是一些注册函数。待用户派发一些事件之后,执行程序输出新的 state
- vue 并没有显示的定义 那些
{type, payload}
。 而在触发mutation的时候,是通过提交{type:事件类型} 这种方式已经指定好了相应的注册函数(mutations)。
而 redux 则是 先确定好 type,在通过 判断 type 来执行相应的 注册函数(reducer) - 相比vuex ,redux多了创建 action这么一步
redux 执行定义步骤
- 定义好 initState,想明白需要在项目当中所需要哪些数据,以便这些数据来驱动视图的更新
- 定义好 产生改变此 initState 的 reducer。
- 定义相应的 action-types,之后在定义 action-creater。看看此action-creator是否为异步,如果是异步,在定义 相应的 async-action-creator 来派发 action-creator。
模式名称 | 命名 |
---|---|
action-types | SET_EXAMPLE |
action-creator | setExample |
async-action-creator | getExample |