🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## 三、基本概念 讲解代码之前,你需要知道一些 Flux 的基本概念。 首先,Flux将一个应用分成四个部分。 > * View: 视图层 > * Action(动作):视图层发出的消息(比如mouseClick) > * Dispatcher(派发器):用来接收Actions、执行回调函数 > * Store(数据层):用来存放应用的状态,一旦发生变动,就提醒Views要更新页面 ![](http://www.ruanyifeng.com/blogimg/asset/2016/bg2016011503.png) Flux 的最大特点,就是数据的"单向流动"。 > 1. 用户访问 View > 2. View 发出用户的 Action > 3. Dispatcher 收到 Action,要求 Store 进行相应的更新 > 4. Store 更新后,发出一个"change"事件 > 5. View 收到"change"事件后,更新页面 上面过程中,数据总是"单向流动",任何相邻的部分都不会发生数据的"双向流动"。这保证了流程的清晰。 读到这里,你可能感到一头雾水,OK,这是正常的。接下来,我会详细讲解每一步。