Redux进阶（Redux背后的Flux）

简介

Flux是一种搭建WEB客户端的应用架构，更像是一种模式而不是一个框架。

特点

单向数据流

image

与MVC的比较

1.传统的MVC如下所示（是一个双向数据流模型）

• 用户触发事件
• View通知Controller执行相关逻辑
• Controller通知Modal需要数据
• Modal返回数据给Controller
• Controller再通知View更新

image

2.前端中的MVC

因为前端中视图和事件逻辑通常结合在一起， 即正常情况下是这样的 M <-> VC 然而这样在复杂的页面中容易造成下面的情况，跟踪数据的变化变得很困难

image

3.Flux强制单向流，Model集中成Store， View通过Action， Action通过Dispatch更新Store， Flux 可以认为是MVC的一种改进， 更适合React或者说更适合前端的一种架构模式。