flux架构

flux

flux是一种架构思想，是用来解决软件结构问题的，它有多种实现

flux基本概念

flux将应用程序分成4个部分

1. View：视图层
2. Action：视图发布的消息（比如鼠标点击）
3. Dispatcher（派发器）：用来接收Actions，执行回调函数
4. Store（数据层）：用来存放应用的状态数据，一旦发生改变就提醒视图要更新页面

flux最大特点-数据是单向流动的

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

flux架构优势

flux架构是单向数据流动，在传统MVC、MVVM架构设计模式下有个致命的缺点，就是当项目越来越大、逻辑越来越复杂的时候，数据流动显得很混乱，维护成本太大。

flux就是为了解决这种混乱的数据流动，它致力于解决数据的单向传输的架构设计模式。

flux的简单实现

  
  
  
  
  


  

    

      clicked: 0 times
      +
      -
    
  

  

1. Store作为flux架构的核心部分，它包含一个核心的东西reducer，reducer是一个纯函数，它接受2个参数，第一个是state，第二个是action，reducer函数必须返回完整的state，每次收到视图的dispatch派发出来的action就会执行reducer
2. 通过redux提供的createStore(reducer)方法可以创建store供全局使用
3. reducer的形式：(state,action) => state
4. action的形式：() => dispatch({type: 'DAXIE'})