好用的VUE表单设计器 form-crate的全局挂载 form-crate自定义组件挂载

+官方文档http://www.form-create.com/

首先form-create 支持的UI框架有 iview，element-ui，AntDesignVue
它可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器

官网提供了三种不同UI框架的内置组件的使用方法，非常的便捷，非常好用，简单容易理解。对于专职前段的同学来讲应该很轻松，我花费了两周的时间才搞明白怎么在项目中使用，进行自定义表单的设计。我的设计器很丑，就不给大家展示了，可以结合拖拽实现表单拖拽自定义。

今天简单说一点点关于自定义组件挂载和form-crate的挂载
form-create的挂载可以局部挂载到某个页面中，
也可以全局挂载到main.js中
我在main中挂载的 前提根据官方步骤 先install

import formCreate from ‘@form-create/iview4‘

Vue.use(formCreate) 

全局挂载完成
通常情况在自定义表单中 一部分控件的使用并不能满足我们的要求，需要自定义出一些控件来使用。
对于自定义的控件怎么用form-create进行渲染呢
如下：
比如我自定义了一个组件叫myDatePicker
我首先在main中进行引用然后通过formCreate.component进行组件挂载，之后再挂载formCreate，这样在表单渲染的时候formCreate才能把你自定义的组件渲染出来。

//**自定义组件的挂载必须在formCreate之前*
formCreate.component( ‘myDatePicker‘,myDatePicker);

Vue.use(formCreate) 

+挂载组件自定义组件
+官方文档http://www.form-create.com/

好用的VUE表单设计器 form-crate的全局挂载 form-crate自定义组件挂载

原文：https://blog.51cto.com/13495873/2538190