Redux & Vuex

[teazean]

在 Redux 中， 分层为action -> reducer -> state; 在 Vuex 中，分层为 action -> mutation -> state；

• 相同点：action 为表示修改操作，不直接操作 state
• 不同点：在 redux 中，每次 action 的执行是要返回一个新的完整的 state，通常需要执行所有的 reducers（每个 reducer 根据 acitonType 进行判断处理）；在 vuex 中，每次 action 的执行是为了 直接修改当前的 state 对象，所以需要调用特定的 mutation 来操作 state，mutation 的定义是一个事务原子级别的。