jsonschema-form-vue一套基于 JSON Schema 使用 Vue.js 自动生成表单的库

现象

作为一名前端开发，「表单开发」是我们的家常便饭，一般我们需要做以下重复性工作：

• 编写模板
• 编写校验规则
• 获取数据，提交表单

同时，后台服务也需要编写校验规则，随着业务变动或者沟通不及时，前后端校验规则可能会存在不一致问题。所以「前后端共用校验规则逻辑」也应该纳入考虑。

目标

综上，我们希望能减少重复性工作：通过配置自动生成表单模板，同时这个配置最好还能描述表单校验相关(因为表单元素部分属性如min、max、required、pattern这些都会控制表单输入，保障校验)

栗子

先通过一个简单的例子看下效果：Demo、Code

<template>
  <vue-form
    :schema="schema"
    :model="model"
  >