泛览天下

阅读,看尽天下事

react-flux

2022-08-04 02:31:59


它跟MVC 架构是同一类东西Flux将一个应用分成四个部分:View: 视图层Action(动作):视图层发出的消息(比如mouseClick)Dispatcher(派发器):用来接收Actions、执行回调函数Store(数据层):用来存


react-flux 架构思想

一、基本概念

Flux 是一种 架构思想 ,专门解决软件的结构问题。它跟MVC 架构是同一类东西

Flux将一个应用分成四个部分:

  • View: 视图层
  • Action(动作):视图层发出的消息(比如mouseClick)
  • Dispatcher(派发器):用来接收Actions、执行回调函数
  • Store(数据层):用来存放应用的状态,一旦发生变动,就提醒Views要更新页面
    Flux 的最大特点,就是数据的"单向流动":数据总是"单向流动",任何相邻的部分都不会发生数据的"双向流动"。

step1: 用户访问 View
step2:View 发出用户的 Action
step3:Dispatcher 收到 Action,要求 Store 进行相应的更新
step4:Store 更新后,发出一个"change"事件
step5:View 收到"change"事件后,更新页面