Data Flow

最新推荐文章于 2025-09-09 16:53:48 发布

转载最新推荐文章于 2025-09-09 16:53:48 发布 · 85 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lun8115/p/5816134.html

文章标签：

#ui

本文介绍了DataFlow模式下Flux架构的实现原理及流程。详细解释了dispatcher如何分发Action给Store，Store如何更新数据并通知View，以及View如何响应数据变化进行UI更新。

Data Flow

　　两种实现：

　　　　Flux

　　　　Reflux

　　Flux

　　　　the dispatcher

　　　　the stores

　　　　the views

　　　　the actions

　　　　整个流程如下：
　　　　　　• 首先要有 action，通过定义一些action creator 方法根据需要创建 Action 提供给 dispatcher
　　　　　　• View 层通过用户交互会触发 Action
　　　　　　• Dispatcher 会分发触发的 Action 给所有注册的 Store 的回调函数
　　　　　　• Store 回调函数根据接收的 Action 更新自身数据之后会触发一个change 事件通知 View 数据更改了
　　　　　　• View 会监听这个change 事件，拿到对应的新数据并调用setState 更新组件 UI

转载于:https://www.cnblogs.com/lun8115/p/5816134.html