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思想
相关文章
|
1月前
|
存储 JavaScript 前端开发
Redux 与 Vuex:探索它们的设计思想及应用差异
Redux 与 Vuex:探索它们的设计思想及应用差异
|
1月前
|
JavaScript 前端开发 中间件
redux 有什么优缺点
redux 有什么优缺点
78 0
|
1月前
|
存储 JavaScript 前端开发
redux实现原理?
Redux 是一个 JavaScript 状态管理库,它可以用于管理应用程序中的状态。Redux 的实现原理可以简单概括为以下几个步骤:
21 0
|
10月前
|
存储 JavaScript 前端开发
说说你对Redux的理解?其工作原理?
说说你对Redux的理解?其工作原理?
51 0
|
10月前
|
JavaScript 中间件 API
redux原理是什么
redux原理是什么
69 0
|
11月前
|
监控 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。
99 0
|
JavaScript 中间件
redux applyMiddleware 实现原理
中间件:类似于插件,可以在不影响原本功能、并且不改动原本代码的基础上,对其功能进行增强。在Redux中,中间件主要用于增强dispatch函数。
redux applyMiddleware 实现原理
|
JavaScript 前端开发 数据管理
大白话理解和初步使用vuex
大白话理解和初步使用vuex
112 0