VeeValidate

Vue.js 生态中最成熟的表单验证库，基于 Composition API 构建，支持 Zod/Yup/Valibot 等多种 Schema 验证集成。

技术简介说明

VeeValidate 是一个专为 Vue.js 设计的表单验证与状态管理库，由 Abdelrahman Awad（@logaretm）于 2017 年创建。它最初作为 Vue 2 的简单验证插件起步，经过多年演进，在 v4 版本中完全基于 Vue 3 的 Composition API 重新设计，成为功能完善的表单状态管理解决方案。VeeValidate 提供了 useForm()、useField()、useFieldArray() 等 composables，同时保留了 <Form>、<Field>、<ErrorMessage> 等组件式 API，兼顾了函数式编程和模板驱动两种开发风格。

VeeValidate 的核心价值在于其灵活的验证架构——既支持内置规则验证，也通过 toTypedSchema 适配器模式无缝集成 Zod、Yup、Valibot 等现代 Schema 验证库。这种设计使得验证逻辑可以独立于组件复用，同时享受 Schema 库的类型推断能力。VeeValidate 被 shadcn/vue 选为默认表单验证方案，进一步确立了其在 Vue 3 生态中的标准地位。

截至 2026 年，VeeValidate 周下载量约 84 万次，GitHub Star 约 11,300，是 Vue 生态中使用最广泛的表单验证库。2025 年 v4 持续迭代至 v4.15.1，同时 v5 Beta 已进入开发阶段，将引入 Standard Schema 原生支持，大幅简化与 Schema 库的集成方式。项目主要由 Abdelrahman Awad 一人维护，长期可持续性存在一定风险。

基本信息

• 官网：https://vee-validate.logaretm.com/v4/
• GitHub：https://github.com/logaretm/vee-validate
• License：MIT
• 最新版本：v4.15.1（2025 年 6 月 7 日发布）；v5.0.0-beta.1（2026 年 3 月 3 日发布）
• 主要维护者/公司：Abdelrahman Awad（@logaretm）
• npm 周下载量：约 84 万次（2026 年 6 月数据）
• GitHub Star：约 11,300+
• 被依赖仓库数：约 95,100 个

快速上手

安装

# npm
npm install vee-validate
 
# yarn
yarn add vee-validate
 
# pnpm
pnpm add vee-validate

如需集成第三方 Schema 验证库，还需安装对应的适配器：

# Zod 集成（推荐）
npm install @vee-validate/zod zod
 
# Yup 集成
npm install @vee-validate/yup yup
 
# Valibot 集成
npm install @vee-validate/valibot valibot
 
# 内置验证规则集合
npm install @vee-validate/rules

如需 Nuxt 集成：

# Nuxt 官方模块
npx nuxi@latest module add vee-validate

基础配置

方式一：Composition API（推荐）

<script setup>
import { useForm, useField } from 'vee-validate'
import { toTypedSchema } from '@vee-validate/zod'
import { z } from 'zod'
 
// 定义验证 Schema
const validationSchema = toTypedSchema(
  z.object({
    name: z.string().min(1, '姓名不能为空'),
    email: z.string().email('邮箱格式不正确'),
    age: z.number().min(18, '需满 18 岁').optional(),
  })
)
 
// 创建表单
const { handleSubmit, errors } = useForm({
  validationSchema,
  initialValues: {
    name: '',
    email: '',
    age: undefined,
  },
})
 
// 注册字段
const { value: name, errorMessage: nameError } = useField('name')
const { value: email, errorMessage: emailError } = useField('email')
const { value: age, errorMessage: ageError } = useField('age')
 
// 提交处理
const onSubmit = handleSubmit((values) => {
  console.log('提交数据：', values)
})
</script>
 
<template>
  <form @submit="onSubmit">
    <div>
      <input v-model="name" placeholder="姓名" />
      <span class="error">{{ nameError }}</span>
    </div>
    <div>
      <input v-model="email" placeholder="邮箱" />
      <span class="error">{{ emailError }}</span>
    </div>
    <div>
      <input v-model.number="age" type="number" placeholder="年龄" />
      <span class="error">{{ ageError }}</span>
    </div>
    <button type="submit">提交</button>
  </form>
</template>

方式二：组件式 API

<script setup>
import { Form, Field, ErrorMessage } from 'vee-validate'
import { toTypedSchema } from '@vee-validate/zod'
import { z } from 'zod'
 
const validationSchema = toTypedSchema(
  z.object({
    name: z.string().min(1, '姓名不能为空'),
    email: z.string().email('邮箱格式不正确'),
  })
)
 
const onSubmit = (values) => {
  console.log('提交数据：', values)
}
</script>
 
<template>
  <Form @submit="onSubmit" :validation-schema="validationSchema">
    <div>
      <Field name="name" v-slot="{ field, errorMessage }">
        <input v-bind="field" placeholder="姓名" />
        <span class="error">{{ errorMessage }}</span>
      </Field>
    </div>
    <div>
      <Field name="email" v-slot="{ field, errorMessage }">
        <input v-bind="field" placeholder="邮箱" />
        <span class="error">{{ errorMessage }}</span>
      </Field>
    </div>
    <button type="submit">提交</button>
  </Form>
</template>

最小示例

最简单的使用方式，使用内置规则：

<script setup>
import { useField, useForm } from 'vee-validate'
import { required, email } from '@vee-validate/rules'
 
const { handleSubmit } = useForm()
const { value: name, errorMessage: nameError } = useField('name', required)
const { value: emailVal, errorMessage: emailError } = useField('email', email)
const onSubmit = handleSubmit((values) => alert(JSON.stringify(values)))
</script>
 
<template>
  <form @submit="onSubmit">
    <input v-model="name" placeholder="姓名" />
    <span>{{ nameError }}</span>
    <input v-model="emailVal" placeholder="邮箱" />
    <span>{{ emailError }}</span>
    <button type="submit">提交</button>
  </form>
</template>

核心概念与架构

核心概念

1. useForm() Composable：核心 composable，管理整个表单的生命周期。提供 handleSubmit、values、errors、meta、setFieldValue、validate 等 API，控制表单验证、提交和状态管理。

2. useField() Composable：字段级 composable，管理单个字段的状态和验证。返回 value、errorMessage、meta（touched、dirty 等）、handleChange、handleBlur 等响应式引用。

3. useFieldArray() Composable：处理动态字段列表（如地址列表、技能标签），提供 push、remove、swap、move、insert 等数组操作方法。

4. Schema 适配器（toTypedSchema）：将 Zod、Yup、Valibot 等 Schema 库的验证逻辑转换为 VeeValidate 可识别的 typed schema 接口，实现验证逻辑复用和完整的类型推断。

5. 组件式 API：<Form>、<Field>、<ErrorMessage>、<FieldArray> 组件提供模板驱动的开发方式，适合简单场景和偏好模板语法的开发者。

6. FieldContext：每个字段通过 FieldContext 与父级 useForm() 关联，实现字段级验证状态到表单级状态的聚合。

7. 验证管道（Validation Pipeline）：支持同步验证、异步验证、表单级验证、字段级验证，验证结果通过响应式系统自动传播到 UI。

架构设计

┌───────────────────────────────────────────────────┐
│                用户界面层（Vue 组件）                  │
│  <Form> / <Field> / <ErrorMessage> / <FieldArray> │
│  或 useForm() / useField() / useFieldArray()       │
└────────────────┬──────────────────────────────────┘
                 │
┌────────────────▼──────────────────────────────────┐
│              useForm() 表单状态管理层                  │
│  ┌──────────┐  ┌──────────┐  ┌──────────────┐    │
│  │ 状态聚合  │  │ 提交控制  │  │  验证调度     │    │
│  └──────────┘  └──────────┘  └──────────────┘    │
│  ┌──────────┐  ┌──────────┐  ┌──────────────┐    │
│  │ 初始值   │  │ 元数据    │  │  错误管理     │    │
│  └──────────┘  └──────────┘  └──────────────┘    │
└────────────────┬──────────────────────────────────┘
                 │
┌────────────────▼──────────────────────────────────┐
│              验证层（可选 Schema 集成）                │
│  ┌──────────────┐  ┌──────────┐  ┌──────────┐    │
│  │ @vee-validate │  │ @vee-    │  │ @vee-    │    │
│  │ /zod          │  │ validate │  │ validate │    │
│  │              │  │ /yup     │  │ /valibot │    │
│  └──────┬───────┘  └────┬─────┘  └────┬─────┘    │
│         └───────────────┼─────────────┘           │
│                  toTypedSchema()                   │
└────────────────┬──────────────────────────────────┘
                 │
┌────────────────▼──────────────────────────────────┐
│              Vue 响应式系统                           │
│        ref() / reactive() / computed()             │
│     验证状态、错误、元数据自动传播到 UI 组件            │
└───────────────────────────────────────────────────┘

工作原理

1. useForm() 创建表单上下文，初始化状态、错误、元数据等响应式引用
2. useField() 或 <Field> 注册字段，建立字段与表单上下文的关联
3. 用户输入时，字段值通过 v-model 或 handleChange 更新到响应式状态
4. 值变化触发验证管道执行——字段级验证立即执行，表单级验证可选择 debounce
5. 验证结果更新到 errors 状态，通过响应式系统自动传播到 UI
6. 提交时 handleSubmit 执行完整验证，通过后调用回调函数

核心特性

• Vue 3 Composition API 原生：完全基于 Composition API 构建，提供 useForm()、useField()、useFieldArray() 等 composables
• 双模式 API：同时支持 composable 函数式和组件式（<Form>/<Field>）两种开发风格
• Schema 验证集成：通过 toTypedSchema 适配器无缝集成 Zod、Yup、Valibot 三大 Schema 库
• 完整 TypeScript 支持：全部使用 TypeScript 编写，Schema 集成提供端到端的类型推断
• 响应式验证：验证结果基于 Vue 响应式系统自动传播，无需手动同步状态
• 内置规则库：@vee-validate/rules 提供 40+ 常用验证规则（required、email、min、max、pattern 等）
• 国际化支持：@vee-validate/i18n 提供验证消息的多语言本地化能力
• 动态字段列表：useFieldArray() 高效处理列表类表单，支持 push、remove、swap、move 等操作
• Nuxt 官方模块：@vee-validate/nuxt 提供 Nuxt 自动导入和零配置集成
• shadcn/vue 默认选择：被 shadcn/vue 选为默认表单验证方案，社区标准地位确立

生态图

核心生态系统

VeeValidate 生态
├── 核心
│   └── vee-validate（主包，v4.15.1 / v5.0.0-beta.1）
├── Schema 验证集成
│   ├── @vee-validate/zod（Zod 适配器）
│   ├── @vee-validate/yup（Yup 适配器）
│   └── @vee-validate/valibot（Valibot 适配器）
├── 工具包
│   ├── @vee-validate/rules（40+ 内置验证规则）
│   └── @vee-validate/i18n（国际化/本地化模块）
├── 框架集成
│   └── @vee-validate/nuxt（Nuxt 官方模块）
└── 社区扩展
    ├── vee-validate-dialog（对话框表单集成）
    ├── vee-validate-composable-form（JSON Schema 驱动表单）
    └── 各种 UI 库集成示例

关键依赖

• Vue ≥ 3.0（核心依赖）
• TypeScript ≥ 4.x（类型定义）
• Zod / Yup / Valibot（可选，Schema 验证）
• 无其他运行时依赖（核心包）

相关插件/扩展

社区生态

• GitHub Open Issues 约 137 个
• GitHub Discussions 活跃，持续有社区讨论
• npm 周下载量约 84 万次
• 被 shadcn/vue 选为默认表单验证方案
• 被约 95,100 个仓库依赖
• 总提交数约 4,870，总发布版本数 315

适用场景

• 中大型 Vue 3 表单应用：企业管理系统、后台管理系统、数据录入系统，字段数量多，验证逻辑复杂
• 动态字段表单：地址列表、技能标签、动态配置等需要增减字段的场景（useFieldArray()）
• 多步骤向导表单：Wizard 多步表单，结合 useForm() 的 setValues 和 validate 实现跨步骤状态管理和验证
• Schema 验证复用：已有 Yup/Zod/Valibot Schema 的项目，通过 toTypedSchema 无缝接入，验证逻辑前后端共享
• Nuxt 3 项目：通过 @vee-validate/nuxt 模块实现零配置集成，自动导入 composables 和组件
• 需要国际化的表单：多语言应用使用 @vee-validate/i18n 实现验证消息的本地化
• 与 shadcn/vue 配合：使用 shadcn/vue 组件库的项目，VeeValidate 是默认推荐的表单验证方案

开发与工程化

开发流程

# 克隆项目
git clone https://github.com/logaretm/vee-validate.git
cd vee-validate
 
# 安装依赖
pnpm install
 
# 运行测试
pnpm test
 
# 构建
pnpm build
 
# 运行文档开发服务器
pnpm docs:dev

构建产物

• ESM 模块（dist/vee-validate.mjs）
• CommonJS（dist/vee-validate.cjs）
• TypeScript 类型声明（dist/index.d.ts）
• 支持 Tree Shaking

工程化最佳实践

1. 验证 Schema 与组件分离：将 Zod/Yup Schema 定义在独立文件中，便于前后端共享和复用
2. 统一错误展示组件：封装通用的错误消息展示组件，统一 UI 风格
3. 配合 CI/CD 运行类型检查：确保 vue-tsc 类型检查通过
4. Nuxt 项目使用官方模块：@vee-validate/nuxt 自动处理导入和配置
5. v5 迁移准备：关注 v5 Beta 的 Standard Schema 支持，规划迁移路线

CI/CD 集成

• GitHub Actions 自动化测试和发布
• 使用 Changesets 管理变更日志
• npm 自动发布到 registry
• 多个子包（monorepo 结构）独立版本管理

性能与安全

性能特点

• Vue 响应式驱动：验证状态基于 Vue 的响应式系统（ref/reactive），更新高效且自动追踪依赖
• 按需验证：支持字段级即时验证和表单级提交时验证，避免不必要的全量验证
• Tree Shaking 支持：核心包支持 Tree Shaking，未使用的功能不会进入最终 bundle
• 合理体积：核心包 gzip 约 12.7 kB，对于全功能表单验证库来说体积合理

性能优化建议

• 大表单（500+ 字段）场景避免频繁使用 setFieldValue / setFieldTouched，批量操作会触发大量响应式更新（Issue #4382）
• 表单级验证使用 validateOnInput: false 和 validateOnChange: true 减少验证频率
• 异步验证使用 debounce 策略，避免频繁触发远程校验
• 列表字段使用 useFieldArray() 的 key 机制，避免使用 index 作为 key
• SSR 场景注意内存泄漏风险（Issue #2627），确保在组件卸载时清理状态

安全注意事项

• 前端验证仅为 UX 优化，表单数据提交前必须进行服务端二次验证
• 避免在 initialValues 中注入不可信数据，防止 XSS
• 敏感数据（密码、信用卡）不应持久化到 localStorage
• 使用 Schema 验证时确保规则覆盖所有安全约束（如输入长度限制、特殊字符过滤）
• 异步验证调用 API 时注意 CSRF 防护和请求鉴权

已知性能瓶颈

• 大型表单（500+ 字段）使用 setFieldValue / setFieldTouched 时性能较差（Issue #4382）
• SSR 场景存在潜在内存泄漏风险（Issue #2627）
• Modal / 动态组件中 useForm() 可能导致字段未渲染就触发验证
• Tree Shaking 效果不完美（历史 Issue #1844），部分未使用代码可能进入 bundle

技术对比

VeeValidate vs FormKit vs Vuelidate vs Regle（2026）

核心差异

• VeeValidate：生态最大、下载量最高、Schema 集成最完善，是 Vue 3 表单验证的标准选择
• FormKit：提供完整的表单框架（含 UI 组件渲染），开箱即用但灵活性较低，适合快速搭建
• Vuelidate：轻量级模型验证，API 简洁，适合简单验证需求，但功能不如 VeeValidate 丰富
• Regle：新兴的 Headless 数据驱动验证库，Zod/Yup/Valibot 原生支持，但生态不成熟

VeeValidate 的独特优势

• Vue 生态中下载量最高、社区最活跃的表单验证库
• 双模式 API（composable + 组件），适配不同开发风格
• Schema 适配器生态成熟，与 shadcn/vue 深度集成
• v5 将引入 Standard Schema 原生支持，架构更简洁

VeeValidate 的明显劣势

• 单一维护者驱动，长期可持续性存疑
• 大表单性能存在问题
• SSR 内存泄漏风险
• v5 正式版尚未发布

最佳实践

生产环境建议

1. 推荐使用 Zod + toTypedSchema：Zod 类型推断能力强，与 TypeScript 配合最佳，且 shadcn/vue 默认选择

<script setup>
import { useForm } from 'vee-validate'
import { toTypedSchema } from '@vee-validate/zod'
import { z } from 'zod'
 
const schema = toTypedSchema(
  z.object({
    username: z.string().min(3, '用户名至少 3 个字符'),
    email: z.string().email('邮箱格式不正确'),
    password: z.string().min(8, '密码至少 8 位').regex(/[A-Z]/, '需包含大写字母'),
    confirmPassword: z.string(),
  }).refine((data) => data.password === data.confirmPassword, {
    message: '两次密码不一致',
    path: ['confirmPassword'],
  })
)
 
const { handleSubmit, errors } = useForm({ validationSchema: schema })
</script>

2. 封装通用表单 Hook：复用表单逻辑

// composables/useUserForm.ts
import { useForm } from 'vee-validate'
import { toTypedSchema } from '@vee-validate/zod'
import { z } from 'zod'
 
const userSchema = toTypedSchema(
  z.object({
    name: z.string().min(1, '姓名不能为空'),
    email: z.string().email('邮箱格式不正确'),
  })
)
 
export function useUserForm() {
  return useForm({
    validationSchema: userSchema,
    initialValues: { name: '', email: '' },
  })
}

3. 配合 shadcn/vue 使用：

<script setup>
import { useForm } from 'vee-validate'
import { toTypedSchema } from '@vee-validate/zod'
import { z } from 'zod'
import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '@/components/ui/form'
import { Input } from '@/components/ui/input'
import { Button } from '@/components/ui/button'
 
const formSchema = toTypedSchema(
  z.object({
    username: z.string().min(2).max(50),
  })
)
 
const form = useForm({
  validationSchema: formSchema,
})
 
const onSubmit = form.handleSubmit((values) => {
  console.log('提交：', values)
})
</script>
 
<template>
  <form @submit="onSubmit">
    <FormField v-slot="{ componentField }" name="username">
      <FormItem>
        <FormLabel>用户名</FormLabel>
        <FormControl>
          <Input v-bind="componentField" placeholder="请输入用户名" />
        </FormControl>
        <FormMessage />
      </FormItem>
    </FormField>
    <Button type="submit">提交</Button>
  </form>
</template>

4. 国际化配置：

import { configure, defineRule } from 'vee-validate'
import { localize } from '@vee-validate/i18n'
import zh_CN from '@vee-validate/i18n/dist/locale/zh_CN.json'
 
configure({
  generateMessage: localize({
    zh_CN,
  }),
})

常见陷阱

• ❌ 在 Modal / 动态组件中使用 useForm() 时，字段组件可能未挂载就触发验证——使用 validateOnMount: false 避免
• ❌ 大表单（500+ 字段）频繁调用 setFieldValue，触发大量响应式更新——考虑批量更新或分片验证
• ❌ 忘记为 useField() 指定验证规则或 Schema，导致字段无验证
• ❌ useFieldArray() 中使用 index 作为 key，导致字段状态错乱
• ❌ SSR 场景未在组件卸载时清理表单状态，导致内存泄漏
• ❌ v4 的 @vee-validate/zod 等适配器包在 v5 中将被淘汰——提前关注 Standard Schema 迁移

推荐模式

<!-- 推荐：封装通用表单组件 -->
<script setup>
import { useForm } from 'vee-validate'
 
const props = defineProps<{
  validationSchema: any
  initialValues: Record<string, any>
}>()
 
const emit = defineEmits(['submit'])
 
const { handleSubmit, isSubmitting } = useForm({
  validationSchema: props.validationSchema,
  initialValues: props.initialValues,
})
 
const onSubmit = handleSubmit((values) => {
  emit('submit', values)
})
</script>
 
<template>
  <form @submit="onSubmit">
    <slot :is-submitting="isSubmitting" />
    <button type="submit" :disabled="isSubmitting">
      {{ isSubmitting ? '提交中...' : '提交' }}
    </button>
  </form>
</template>

技术局限与边界

已知限制

• 单一维护者风险：项目主要由 Abdelrahman Awad 一人维护，无核心团队背书，长期可持续性存疑
• 大表单性能问题：500+ 输入框的表单使用 setFieldValue / setFieldTouched 时性能较差
• SSR 内存泄漏：服务端渲染场景存在潜在内存泄漏风险
• Modal/动态组件初始化：useForm() 在 Modal 中可能导致字段未渲染就触发验证
• Composition API 文档不足：部分开发者反映 Composition API 用法文档不够完善，组件式 API 文档更丰富
• DOM 依赖较重：验证逻辑与 DOM 元素耦合较深，纯数据驱动场景不够灵活
• v5 尚未稳定：v5 Beta 已发布但正式版尚未推出，Standard Schema 原生支持需要等待

不适用场景

• 非 Vue 项目：VeeValidate 是 Vue 专属库，React 项目应使用 React Hook Form，Svelte 项目考虑其他方案
• 极简表单：仅 1-2 个字段的简单表单，使用原生 HTML 验证或 Vue 响应式 state 即可
• 超大型表单（500+ 字段）：存在性能瓶颈，需要评估是否可接受或考虑分片方案
• 需要完整表单 UI 框架：如果需要开箱即用的表单 UI 组件，FormKit 可能更合适
• SSR 密集且内存敏感：SSR 场景存在内存泄漏风险，需额外处理状态清理

迁移注意事项

• v3 → v4 迁移：v4 完全重写为 Composition API，API 变化较大，需要从 Directive/Component 模式迁移到 composable 模式
• v4 → v5 迁移：v5 引入 Standard Schema 原生支持，@vee-validate/zod 等适配器包将被淘汰，需改用 toTypedSchema 的替代方案或 Standard Schema 接口
• 从 Vuelidate 迁移：API 概念差异较大，useVuelidate 的 rules 模式 vs useForm 的 Schema 模式，需重新设计验证逻辑
• 从 FormKit 迁移：FormKit 提供完整 UI 框架，迁移到 VeeValidate 需要自行处理 UI 组件

学习资源

• 官方文档：https://vee-validate.logaretm.com/v4/（含 Composition API 和组件式 API 文档）
• 快速开始：https://vee-validate.logaretm.com/v4/guide/overview
• API 文档：https://vee-validate.logaretm.com/v4/api/use-form
• Schema 集成：https://vee-validate.logaretm.com/v4/guide/validation/schema
• GitHub 仓库：https://github.com/logaretm/vee-validate
• shadcn/vue 表单集成：https://www.shadcn-vue.com/docs/forms/vee-validate
• Nuxt 模块：https://vee-validate.logaretm.com/v4/guide/nuxt
• GitHub Discussions：https://github.com/logaretm/vee-validate/discussions
• 作者博客：https://logaretm.com

2026 年现状

最新版本

• 稳定版：v4.15.1（2025 年 6 月 7 日）
• Beta 版：v5.0.0-beta.1（2026 年 3 月 3 日）
• 核心变更：v5 将引入 Standard Schema 原生支持，淘汰 @vee-validate/zod 等适配器包

发展趋势

• Standard Schema 原生支持：v5 最大的架构变更，符合 Standard Schema 规范的 Schema 库（Zod、Valibot、Yup 等）可直接使用，无需适配器
• v5 正式版待发布：Beta 版已可用但尚未稳定，正式版发布后将带来更简洁的集成方式
• 与 shadcn/vue 深度绑定：作为 shadcn/vue 默认验证方案，社区标准地位持续巩固
• Vue 3 生态核心依赖：在 Vue 表单验证领域的市场份额保持领先

社区活跃度

• GitHub：约 11,300 Stars，约 1,300 Forks，约 112 Watchers
• npm：周下载量约 84 万次
• Open Issues：约 137 个
• GitHub Discussions：活跃，持续有新帖子和讨论
• 近期讨论热点：Zod 4 兼容性、useFieldArray 类型、大表单性能、PrimeVue 集成
• ⚠️ 社区讨论 #5100 质疑项目贡献状态，存在一定争议

竞争态势

2026 年 Vue 表单验证生态格局：

• VeeValidate 仍是 Vue 3 表单验证的默认选择，市场份额最大
• FormKit 作为完整表单框架在特定场景中保持增长
• Regle 作为新兴 Headless 验证库开始获得关注
• Vue 3 原生能力：随着 Vue 3 生态成熟，部分简单验证需求可通过响应式 + 手写逻辑满足

VeeValidate 在 2026 年依然是 Vue 3 表单验证的默认推荐方案，适合绝大多数生产场景。关注 v5 正式版发布和 Standard Schema 原生支持的落地进展。