讲一讲Vue+Ant Design表单验证

与Vue搭配的后台管理UI框架，最火的莫过于饿了吗的element-ui和阿里的Ant Design，这两个框架都在实际项目上使用过，也都是各有各的优点

最先接触的还是element - ui，后来项目调整，才接触到Ant Design，Form表单这块不支持双向绑定式的校验功能，在1.5.0+版本增加了FormModel表单才支持。今天就讲讲这两个在项目上使用的区别

1 Form 表单

具有数据收集、校验和提交功能的表单，包含复选框、单选框、输入框、下拉选择框等元素。但是不支持双向绑定

使用

<template>
  <a-form :form="form"></a-form>
</template>

<script>
export default {
  data() {
    return {
      form: this.$form.createForm(this, { name: 'coordinated' }),
    };
  },
};
</script>

表单验证

<template>
  <a-