用途:为 Vue 3 应用提供生产可用的表单实现模式,默认技术栈为 VeeValidate + Zod,备选 Vuelidate。
主要能力:包含基础表单(useForm/useField)、可复用 FormField 组件、初始值与 resetForm、异步校验(如用户名可用性检查)、跨字段校验(密码确认)、动态字段数组(useFieldArray)等模式;同时给出 VeeValidate 与 Vuelidate 的对比(API 风格、Zod 集成、包体积、组件支持、异步与跨字段校验、学习曲线),并说明何时选用 Vuelidate。
使用方式:安装命令为 npm install vee-validate @vee-validate/zod zod。通过 toTypedSchema 将 Zod schema 接入 useForm,用 useField 绑定字段,handleSubmit 处理提交。Zod schema 可与 React Hook Form 共享。
适用场景:Vue 3 中构建登录、资料编辑、支付等表单,需要类型安全校验、异步校验或动态字段时。
限制:资料未提供具体版本要求、浏览器兼容性、性能数据或收费信息;Vuelidate 与 Zod 的集成需手写适配器。