在我们开发项目的过程当中 可能因为项目多 但业务基本一致 会出现一些重复性的代码 比如一个报名表单页面 小程序 H5 web端都有用到 在做不到复用的情况下 每次重新写工作量太大 到最后出现问题还需要每个平台都得维护 所以我们需要一个表单状态管理库。

VueSchemForm解决方案：

  1. 使用json描述表单内容
  2. 支持多平台（移动端和桌面端）
  3. 支持多个组件库（Element UI、Ant Design Vue、Antd Mobile Vue）
  4. 支持嵌套表单
  5. 支持任意数据的数组解构
  6. 支持复杂布局
  7. 支持副作用函数，统一处理表单内各项的数据联动
  8. 支持解构数据，减少自定义的数据转换
  9. 支持表单校验
formKey: {

                    userName: {

                        type: 'string',

                        title: '用户名',

                        default: 'Liu.Jun',

                    },

                    age: {

                        type: 'number',

                        title: '年龄'

                    },

                    bio: {

                        type: 'string',

                        title: '签名',

                        minLength: 10,

                        default: '知道的越多、就知道的越少',

                    }

                }


比如上述的例子效果为：

永远年轻，永远热泪盈眶。