基于antdv 1.7.8 写一个from表单，包含Checkbox

基于antdv 1.7.8 的form表单，包含Checkbox的代码如下：

<template>
  <div>
    <a-form :form="form" @submit="handleSubmit">
      <a-form-item label="喜欢的水果">
        <a-checkbox-group v-model="fruit">
          <a-checkbox value="apple">苹果</a-checkbox>
          <a-checkbox value="orange">橙子</a-checkbox>
          <a-checkbox value="banana">香蕉</a-checkbox>
        </a-checkbox-group>
      </a-form-item>
      <a-form-item>
        <a-button type="primary" html-type="submit">提交</a-button>
      </a-form-item>
    </a-form>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: this.$form.createForm(this),
      fruit: []
    }
  },
  methods: {
    handleSubmit(e) {
      e.preventDefault();
      this.form.validateFields((err, values) => {
        if (!err) {
          console.log('表单值: ', values);
        }
      });
    }
  }
}
</script>

在这个例子中，我们使用了`<a-checkbox-group>`组件来包含多个checkbox，v-model绑定了选中的值，当用户选择checkbox时，fruit数组将更新。在提交表单时，我们可以通过`this.form.validateFields()`方法获取表单中的所有值，包括选中的水果。