ant design vue v1版本的 注册表单示例

Ant Design Vue v1版本的注册表单示例可以参考以下代码：

<template>
  <a-form :form="form" @submit="handleSubmit">
    <a-form-item label="用户名">
      <a-input v-decorator="['username', {rules: [{required: true, message: '请输入用户名'}]}]" />
    </a-form-item>
    <a-form-item label="密码">
      <a-input type="password" v-decorator="['password', {rules: [{required: true, message: '请输入密码'}]}]" />
    </a-form-item>
    <a-form-item label="确认密码">
      <a-input type="password" v-decorator="['confirmPassword', {rules: [{required: true, message: '请确认密码'}]}]" />
    </a-form-item>
    <a-form-item>
      <a-button type="primary" html-type="submit">注册</a-button>
    </a-form-item>
  </a-form>
</template>

<script>
  export default {
    data() {
      return {
        form: this.$form.createForm(this)
      };
    },
    methods: {
      handleSubmit(e) {
        e.preventDefault();
        this.form.validateFields((err, values) => {
          if (!err) {
            console.log(values);
            // 提交注册表单
          }
        });
      }
    }
  };
</script>

其中，使用了 `a-form` 和 `a-form-item` 组件来构建表单，使用了 `v-decorator` 来绑定表单项的值和校验规则，使用了 `@submit` 事件来处理表单提交事件，使用了 `this.form.validateFields` 方法来校验表单并获取表单数据。需要注意的是，这里使用了 `this.$form.createForm(this)` 来创建表单实例，这是 Ant Design Vue v1 版本的写法，如果是 v2 版本需要使用 `this.$form.createForm(this, options)` 来创建表单实例。