redux 三大属性详解

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

1.state

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

1. reducer （函数）：一种归约函数，根据给定的当前状态树和要处理的动作，返回下一个状态树。

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

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

Vue的话

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

给了一个默认的参数

从文件直接递交,

这里和Vue 有点差别.

2.actions

1.action creator

2.dispatch

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

3.reducer

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

 

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

1.入口

2.action creator

3.reducer

reducers/todos.js

reducers/visibilityFilter.js

reducer/index.js