Flux学习笔记

一.Flux是什么

简单来说，flux就是一个数据管理框架，2013年，Facebook推出React框架的同时，也发布了flux。

---

二.基本概念

View: 视图部分，负责显示用户界面。
Action: 视图层发出的消息（用户操作导致，比如鼠标点击页面）
Dispatcher: 处理动作分发，维持Store之间的依赖关系。
Store: 负责存储数据和处理数据相关逻辑。并且数据一旦发生变动，就要提醒View更新页面。

flux的最大特点：单向数据流。

• 1.用户访问 View
• 2.View 发出用户的 Action
• 3.Dispatcher 收到 Action，要求 Store 进行相应的更新
• 4.Store 更新后，发出一个"change"事件
• 5.View 收到"change"事件后，更新页面

---

三.一个demo说明flux工作过程。

Dispatcher(一个应用只需要一个全局的Dispatcher)

import { Dispatcher } from 'redux';

//导出一个全局的dispatcher
export default new Dispatcher();