欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

redux 三大属性详解

程序员文章站 2022-06-24 23:10:02
我们使用Vuex 的逻辑思路来理清楚redux1.state1.createStore(reducer, [preloadedState], [enhancer])reducer(函数):一种归约函数,根据给定的当前状态树和要处理的动作,返回下一个状态树。[preloadedState](任意):初始状态。您可以选择指定它,以在通用应用程序中混合服务器中的状态,或还原以前序列化的用户会话。如果你生产用,这必须是相同的形状,传递给它的键普通对象。否则,您可以*传递任何您可以......

我们使用Vuex 的逻辑思路来理清楚redux

1.state

1.createStore(reducer, [preloadedState], [enhancer])

  1. reducer (函数):一种归约函数,根据给定的当前状态树和要处理的动作,返回下一个状态树

  2. preloadedState(任意):初始状态。您可以选择指定它,以在通用应用程序中混合服务器中的状态,或还原以前序列化的用户会话。如果你生产用,这必须是相同的形状,传递给它的键普通对象。否则,您可以*传递任何您可以理解的内容。 reducercombineReducersreducer

  3. enhancer(功能):商店增强器。您可以选择指定它来增强第三方功能,例如中间件,时间旅行,持久性等。Redux随附的唯一商店增强器是。 applyMiddleware()

Vue的话

redux  三大属性详解

现在的问题就是,state从哪里来的.

给了一个默认的参数

redux  三大属性详解

从文件直接递交,

这里和Vue 有点差别.

2.actions

1.action creator

redux  三大属性详解

2.dispatch

redux  三大属性详解

同样Vue 中也是可以这样用的.

3.reducer

我们可以看到在减速器可以赋值.

redux  三大属性详解

 

最后,我们来详细讲解一下他的文件结构

1.入口

redux  三大属性详解

2.action creator

redux  三大属性详解

3.reducer

reducers/todos.js

redux  三大属性详解

reducers/visibilityFilter.js

redux  三大属性详解

reducer/index.js

redux  三大属性详解

 

本文地址:https://blog.csdn.net/jiaoqi6132/article/details/107314029