Vue 如何实现表单验证？

1. 基础的手动验证

Vue 可通过 v-model 双向绑定表单值，并在提交时读取数据执行验证逻辑。验证规则可写在组件方法或组合式函数中，校验结果用于控制错误提示的显示。这种方式灵活，适合结构简单的表单。

2. 响应式驱动的实时验证

借助 watch 或 computed，可在字段值变化时实时执行校验并更新错误状态，实现失焦校验、实时反馈等体验。配合 v-bind 动态切换样式类，可高亮显示校验失败的字段。

3. 使用第三方验证库

对于字段多、规则复杂的表单，可引入成熟的表单验证库（如 VeeValidate 等）来声明式地定义规则、统一处理错误信息，减少重复代码。这类库通常与 Vue 的响应式系统良好集成，能显著提升复杂表单的开发效率和一致性。