亲爱的哈勃，我想与大家分享我为Vue.js选择和使用表单生成器的经验。

介绍

也许每个人都知道，任何选择都始于确定目标，设定目标并形成选择对象的需求列表。本文介绍了即用型解决方案的功能，并不旨在回答本主题中的所有问题。

如果您只是进入这个主题领域，那么您需要做的第一件事就是评估这种方法在开发中的适用性。当这种方法能够奏效时，可以区分以下情况：

, , copy & paste ;
UX (User eXperience);
.

( ):

Vue.js;
Element UI, ;
JSON schema, ;
, .

- , , , README . , , .

, . , , React Angular, , Vue.js, , , . Element — UI kit, - , , - .

vue-json-schema

(2.0.0-alpha.2): github npm;
Fork ( legacy 1.1.1): github npm;
Element UI: github, .

, ~360 github, 2018 , Element UI, , .

1.1.1, 2.0.0 alpha production ;
, « » ;
, Vue.js 2.2.0 .

JSON schema ;
Element UI.

ncform

: github npm;
Element UI: github npm;
UI controls;
Demo ;
JSON ;
.

, ~900 github . , . . Unit cypress. , JSON schema, .

;
JSON schema;
UI controls.

;
;
JSON schema dx-;
Element UI.

vue-form-generator

: github npm;
Element UI: github npm;
Fork Element UI c : github npm;
UI controls , vue ;
vue-form-generator.

github ~2500, . , .

JSON , — ;
, JSON schema;
i18n ;
.

;
;
Element UI.

vue-form-json-schema

: github npm

JSON schema , UI , UI — uiSchema. ajv, , ajv-errors. , uiSchema.

Element UI, ;
uiSchema, template vue-.

JSON schema;
, ;
, .

vue-ele-form

: github npm.

github ~530, . demo , .

, ;
JSON schema .

, ;
10 ;
Element UI.

form-create

: github npm.

~2100 github, . JSON, , JSON schema. Element UI.

JSON schema ;
, , , ;

, : Text, JSON, Code Markdown ;
Element UI.

vue-vuelidate-jsonschema

, Vue , state , .

json2vue

JSON, , .. , ..

vue-form-builder

, Element UI, .

, , :

vue-form-json-schema , Element UI, uiSchema , , ;
vue-json-schema , , , Element UI;
ncform JSON schema , Element UI, ;
vue-form-generator JSON schema , i18n, Element UI.

, :

JSON schema;
;
;
Element UI.

, ncform . JSON schema , Element UI, , , , .

如果您的选择（如作者的选择）在ncform处停止，则可以使用以下fork：github和npm。作为其一部分，已经完成了将错误从标准验证器翻译为俄语和英语的工作，已经扩展了Element UI可视组件的功能，还修复了某些验证器的工作，例如，针对数组类型的列表对象。

作者希望本文至少可以缓解类似情况下的选择难题，并希望您能找到更适合您的解决方案，并且时间较短。

为Vue.js选择表单生成器

介绍