快速上手

本节将介绍如何在项目中使用 FormMaking。

引入 Element

项目中使用的是 element-ui 的组件库,在使用的时候需要引入 Element 包,具体引入方法请参考 Element 文档 快速上手

引入 FormMaking

完整引入

import FormMaking from 'form-making'
import 'form-making/dist/FormMaking.css'

Vue.use(FormMaking)

以上代码便完成了 FormMaking 的引入。需要注意的是,样式文件需要单独引入。

引入部分组件

import {
  GenerateForm,
  MakingForm
} from 'form-making'
import 'form-making/dist/FormMaking.css'

Vue.component(GenerateForm.name, GenerateForm)
Vue.component(MakingForm.name, MakingForm)

开始使用

至此,一个基于 Vue 和 Element 的表单设计器已经搭建完毕,现在就可以编写代码了。各个组件的使用方法请参阅它们各自的文档