logologo
开始
手册
开发
插件
API
English
简体中文
开始
手册
开发
插件
API
English
简体中文
logologo

简介

什么是 FlowEngine?
FlowEngine 与插件的关系
快速开始
学习路线图

指南

注册 FlowModel
创建 FlowModel
渲染 FlowModel
FlowModel 事件流与配置化
FlowModel 持久化
FlowModel 生命周期
FlowModel 的上下文体系
响应式机制:Observable
FlowModel vs React.Component

Definitions

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Previous PageFlowModel 持久化
Next PageFlowModel 的上下文体系

#FlowModel 生命周期

#model 方法

内部调用

class MyModel extends FlowModel {
  onInit() {}
  onMount() {}
  useHooksBeforeRender() {}
  render() {}
  onUnMount() {}
  onDispatchEventStart() {}
  onDispatchEventEnd() {}
  onDispatchEventError() {}
}

#model.emitter

用于外部触发

  • onSubModelAdded
  • onSubModelRemoved
  • onSubModelMoved

#流程

  1. 构建 model
    • onInit
  2. 渲染 model
    • onDispatchEventStart
    • dispatchEvent('beforeRender')
    • onDispatchEventEnd
    • render
    • onMount
  3. 卸载组件
    • onUnMount
  4. 触发流
    • onDispatchEventStart
    • onDispatchEventEnd
  5. 重渲染
  • onUnMount
  • onDispatchEventStart
  • dispatchEvent('beforeRender')
  • onDispatchEventEnd
  • onUnMount