Redux 与 Vuex 的区别总结

Posted 2023-03-03 усил

Redux 工作流程

• 首先，用户（通过 view）发送 Action，发送方式就用到了 dispatch 方法。
• 然后，Store 自动调用 Reducer，并传入俩个参数，当前 State 和 收到的 Action。而 Reducer 会返回新的 State。
• 最后，Store 根据接收到的 State，判断是否发生变化。一旦发生变化，Store 中的数据会进行更新。同时，Store 会回调监听函数，来更新 View（外部通过subscribe 来订阅事件）

store 类似于 数据存储中心

但是他要更改数据的时候不能直接修改，数据修改更新的角色由Reducers来担任，store只做存储

---

Redux 状态管理器和变量挂载到 window 中有什么区别

两者都是存储数据以供后期使用。但是Redux状态更改可回溯——Time travel，数据多了的时候可以很清晰的知道改动在哪里发生，完整的提供了一套状态管理模式。

---

Redux 和 Vuex 有什么区别，它们的共同思想

1）区别

• Vuex改进了Redux中的Action和Reducer函数，以mutations变化函数取代Reducer，无需switch，只需在对应的mutation函数里改变state值即可
• Vuex由于Vue自动重新渲染的特性，无需订阅重新渲染函数，只要生成新的State即可
<