FcDesigner

Appearance

Export Vue Component ​

FcDesigner provides functionality to generate two types of Vue components: SFC files and FormCreate-based Vue components. These two approaches differ in functionality and use cases.

This feature is only available in the Pro version of the designer. Learn more about Pro version features

sfc

Generate Vue2 Syntax Template ​

Generate Vue2 syntax templates by setting the configuration option config.useTemplate = true. By default, Vue3 syntax is used.

Single File Components (SFC) ​

Generate Single File Component (SFC) files using FcDesigner. SFC files are the standard format for Vue components, containing template, script, and style sections. This approach is suitable for designing forms as independent components for use in other Vue projects.

Features

  • Static generation: SFC files generate static Vue component files. This means the generated components do not support dynamic form functionality.
  • No interaction logic: SFC files do not include dynamic interaction logic, API method calls, event responses, etc., so forms cannot be modified at runtime.

FormCreate-based Vue Components ​

Another approach is to generate FormCreate-based Vue components, which can retain the dynamic form functionality defined in the designer, including interaction logic control, API method calls, event responses, etc.

Features

  • Dynamic forms: FormCreate-based components support all dynamic form functionality, allowing you to modify forms at runtime.
  • Interactivity and extensibility: You can use FormCreate's APIs for dynamic control and extension to meet complex business requirements.