Redux和Vuex的异同点,以及用到的相同的思想

简介: Redux和Vuex的异同点,以及用到的相同的思想

相同点

1.state共享数据

2.流程一致:定义全局state,触发修改方法,修改state

3.全局注入store

不同点:

1.redux使用的是不可变数据,而Vuex是可变的。

2.redux每次都是用新的state替换旧的state,vuex是直接修改。

3.redux在检测数据变化时是通过diff算法比较差异的;vuex是通过getter/setter来比较的

4.vuex定义了state,getter,mutation,action;redux定义了state,reducer,action

5.vuex中state统一存放,方便理解;react中state依赖reducer初始值

6.vuex的mapGetters可以快捷得到state,redux中是mapStateToProps

7.vuex同步使用mutation,异步使用action;redux同步异步都使用reducer

相同思想

  1. 单一数据源
  2. 变化可预测
  3. MVVM思想
目录
打赏
0
0
0
0
1
分享
相关文章
Redux原理
【10月更文挑战第26天】Redux通过单一数据源、只读状态、纯函数修改状态等核心概念,以及清晰的工作流程和中间件机制,为JavaScript应用程序提供了一种强大而可预测的状态管理方案。它与React等视图库的结合能够有效地实现数据驱动的视图更新,提高应用程序的可维护性和可扩展性。在实际应用中,根据项目的具体需求和复杂度,可以灵活地运用Redux及其相关的工具和技术,来构建高效、稳定的前端应用。
141 33
Redux 中 Thunk 的概念
【8月更文挑战第31天】
64 0
vuex/redux的区别
vuex/redux的区别
162 2
Redux 与 Vuex:探索它们的设计思想及应用差异
Redux 与 Vuex:探索它们的设计思想及应用差异
Vuex和Redux的区别
Vuex和Redux的区别
redux 有什么优缺点
redux 有什么优缺点
255 0
|
11月前
(学习笔记)抛弃 Vuex,使用 Pinia
(学习笔记)抛弃 Vuex,使用 Pinia
87 1
redux实现原理?
Redux 是一个 JavaScript 状态管理库,它可以用于管理应用程序中的状态。Redux 的实现原理可以简单概括为以下几个步骤:
76 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等