Vue 复杂表单怎样组织状态、校验和提交？
从字段状态、派生校验、异步校验和提交生命周期说明 Vue 表单的可维护设计。
参考答案
复杂表单应把原始字段状态、脏状态、提交状态、服务端错误和可提交条件分开建模。v-model 负责同步输入值，但不会自动完成校验、错误展示或提交并发控制。
校验可以按字段、字段组和提交阶段分层；异步校验要处理竞态，不能让旧请求覆盖新值的结果。提交时要防止重复触发，失败后保留用户输入，并把服务端返回的字段错误映射回可访问的控件。
动态字段和数组字段需要稳定 key 与明确的新增、删除、重置语义。表单很大时应避免每次输入都触发全部昂贵校验，可以按失焦、提交或节流策略执行，并通过计算属性派生按钮状态。