Skip to content

生成Vue组件

FcDesigner 提供了生成两种类型的 Vue 组件的功能:SFC 文件基于 FormCreate 的 Vue 组件。这两种方式在功能和用途上有所不同。

sfc

生成Vue2语法的模板

通过配置项config.useTemplate = true可以生成Vue2语法的模板,默认是Vue3语法

单文件组件(SFC)

通过 FcDesigner,您可以生成 单文件组件(SFC) 文件。SFC 文件是 Vue 组件的标准格式,包含模板、脚本和样式。这种方式适用于那些需要将表单设计为独立组件并在其他 Vue 项目中使用的场景。

特点

  • 静态生成: SFC 文件生成的是静态的 Vue 组件文件。这意味着生成的组件不支持动态表单功能。
  • 无交互逻辑: SFC 文件不包含表单的动态交互逻辑、API 方法调用、事件响应等,因此无法在运行时变更表单。

基于 FormCreate 的 Vue 组件

另一种方式是生成基于 FormCreate 的 Vue 组件,这种组件能够保留设计器中定义的动态表单功能,包括交互逻辑控制、API 方法调用、事件响应等。

特点

  • 动态表单: 基于 FormCreate 的组件支持动态表单的所有功能,您可以在运行时对表单进行更改。
  • 交互和扩展性: 可以使用 FormCreate 提供的 API 进行动态控制和扩展,满足复杂业务需求。