好用的VUE表單設計器 form-crate的全局掛載 form-crate自定義組件掛載

做爲一名不太合格的.net程序員，最近半年多的時間一直在致力於VUE的前段開發和基於python的後臺開發。
首先前段架構基於vue，UI採用IviewUI，後臺API部分基於python的tornado web框架
須要設計一套自定義表單系統，網上百度了一大堆最後選擇使用了form-create

+官方文檔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/