logologo
Get Started
Guide
Development
Plugins
API
English
简体中文
Get Started
Guide
Development
Plugins
API
English
简体中文
logologo

Introduction

What is FlowEngine?
FlowEngine and Plugins
Quick Start
Learning Roadmap

Guides

Register FlowModel
Create FlowModel
Render FlowModel
FlowModel Event Flow and Configuration
FlowModel Persistence
FlowModel Lifecycle
FlowModel Context System
Reactive Mechanism: Observable
FlowModel vs React.Component

Definitions

ModelDefinition
FlowDefinition
EventDefinition
ActionDefinition
StepDefinition
Previous PageFlowModel Persistence
Next PageFlowModel Context System

#FlowModel Lifecycle

#model Methods

Internal calls

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

#model.emitter

For external triggers

  • onSubModelAdded
  • onSubModelRemoved
  • onSubModelMoved

#Process

  1. Construct model
    • onInit
  2. Render model
    • onDispatchEventStart
    • dispatchEvent('beforeRender')
    • onDispatchEventEnd
    • render
    • onMount
  3. Unmount component
    • onUnMount
  4. Trigger flow
    • onDispatchEventStart
    • onDispatchEventEnd
  5. Re-render
  • onUnMount
  • onDispatchEventStart
  • dispatchEvent('beforeRender')
  • onDispatchEventEnd
  • onUnMount