React-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或者说更适合前端的一种架构模式。

猜你喜欢

转载自juejin.im/post/5c6277546fb9a049fb442448