• component组件 绘制一块区域
    • UI是用户界面看到的东西,是由 Dom绘制出来的。
    • 前台/后台的 data 抽象成 State 状态。
    • 注意:举例组件A,它的UI 是由 DOM绘制出来的,状态 State 是由 Flux布局渲染的,UI 和 State是平行的,两者之间没有必然的联系。
    • 在N叉树中(可以由Dom绘制出来),每一个节点可以看作一个或者 N 个组件。当安装一个节点的时候,componentDidMount安装函数可以调用这个节点,Dom绘制显示在 UI上,所以用户界面实时显示(比如调用事件,因为调用了函数,实时显示),这时候节点在这个树上。当卸载这个节点的时候,使用componentWillUnmount函数,因为该节点不在这个树上了,Dom不需要绘制显示在UI上,绘制也没有意义了,所以不会实时显示(比如时间就会停止在某个时刻)。image.png
    1. temple方法实现方式和安装卸载类似,注意:安装卸载的时候该节点在/不在这个树上,拿temple举例。temple是在节点在的时候回调这个点,该节点在这个点,不会因为temple方法发生变化,temple只是使用。
    • 比如当卸载的时候,UI不再更新,Dom不需要再绘制 UI 。因为状态 State 是渲染 UI的,所以 对应的渲染 UI的State 不需要更新了,其他的State 根据需要来决定是否更新。

      可以使用多个控制流 controll flew 使用 同一个 State。

    • 注意: UI和 data(即状态)之间可以进行 单项绑定或者双向绑定,所以之间的联系可以是单向也可以是双向。Flux(单项数据流布局)布局是把它们的联系强制改为单向(State 指向 UI)

      它们之间的关系是不会因为 flux布局的存在而改变,flux布局只是方便 逻辑和使用而加的限定。
      image.png