在 Vue3 里，如何实现一个复杂的表单验证和提交逻辑？

【概念释义】

Vue 3 复杂表单需：响应式表单模型（reactive/ref）、字段级校验规则、异步校验（如查重）、错误信息展示、提交防重复与 可访问性。可用 VeeValidate + Zod/Yup 或 Element Plus Form 规则引擎，手写则用 computed + watch 组合。

【基础使用】

<script setup>
import { reactive, ref, computed } from 'vue';

const form = reactive({
  email: '',