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思想
相关文章
|
28天前
|
存储 JavaScript 前端开发
Redux原理
【10月更文挑战第26天】Redux通过单一数据源、只读状态、纯函数修改状态等核心概念,以及清晰的工作流程和中间件机制,为JavaScript应用程序提供了一种强大而可预测的状态管理方案。它与React等视图库的结合能够有效地实现数据驱动的视图更新,提高应用程序的可维护性和可扩展性。在实际应用中,根据项目的具体需求和复杂度,可以灵活地运用Redux及其相关的工具和技术,来构建高效、稳定的前端应用。
76 33
|
4月前
|
存储 JavaScript 前端开发
Redux 有什么优点?
【8月更文挑战第31天】
54 0
|
4月前
|
JavaScript 中间件
Redux 中 Sagas 的概念
【8月更文挑战第31天】
29 0
|
7月前
|
存储 JavaScript 前端开发
Redux 与 Vuex:探索它们的设计思想及应用差异
Redux 与 Vuex:探索它们的设计思想及应用差异
|
7月前
|
JavaScript 前端开发 中间件
redux 有什么优缺点
redux 有什么优缺点
169 0
|
7月前
|
存储 JavaScript 前端开发
redux实现原理?
Redux 是一个 JavaScript 状态管理库,它可以用于管理应用程序中的状态。Redux 的实现原理可以简单概括为以下几个步骤:
53 0
|
JavaScript 中间件 API
redux原理是什么
redux原理是什么
93 0
|
监控 JavaScript 前端开发
vuex和redus的异同
vuex和redus的异同
|
监控 JavaScript 前端开发
React-Redux 100行代码简易版探究原理
各位使用 react 技术栈的小伙伴都不可避免的接触过redux + react-redux的这套组合,众所周知 redux 是一个非常精简的库,它和 react 是没有做任何结合的,甚至可以在 vue 项目中使用。
|
JavaScript 前端开发 中间件
Redux 原理探索
Redux 是一个非常不错的状态管理库,和 Vuex 不同的是 Redux 并不和 React 强绑定,你甚至可以在 Vue 中使用 Redux。当初的目标是创建一个状态管理库,来提供最简化 API。
121 0