通过 setter 封装清洗逻辑实现数据实时自动化清洗，赋值即净化，支持多步表单中边填边规范、跨步共享终态数据、上下文感知联动及错误与原始输入分离。
通过 Setter 属性实现多步流式表单提交前的数据实时自动化清洗，核心在于**将数据校验与格式化逻辑封装进属性的 setter 中**，让每次赋值都自动触发清洗，而非等到提交时才集中处理。这种方式天然契合多步表单中“边填边规范”的交互需求，避免脏数据在步骤间传递或堆积。
用 setter 封装清洗逻辑，赋值即净化
为表单字段定义响应式属性（如在 Vue 的 data 或 setup 中，或 JS class 的 getter/setter），在 setter 内嵌入清洗规则：
- 去除首尾空格、统一空白符（
value.trim().replace(/\s+/g, ' ')） - 手机号自动添加区号或标准化格式（如转为
+86 138 1234 5678） - 邮箱小写化并验证基本结构（
value.toLowerCase().match(/^[^\s@]+@[^\s@]+\.[^\s@]+$/)） - 金额字符串转数字并保留两位小数（
parseFloat(value) || 0+.toFixed(2)）
这样，用户在输入框中键入内容、粘贴文本、甚至通过 API 回填数据时，只要执行 this.phone = rawInput，setter 就会立即清洗并存入规范化值。
配合 v-model 或响应式更新，保持视图同步
在模板中绑定 v-model 到该属性时，Vue 会自动利用 getter/setter 实现双向同步。注意：若使用 v-model.lazy 或自定义事件（如 @input），需确保事件回调中显式赋值（this.email = $event.target.value），才能触发 setter。
在非 Vue 环境（如原生 JS class + Proxy），可用 Proxy 拦截 set 操作，对指定字段做相同清洗，再赋给内部存储对象。
多步之间共享清洗后状态，避免重复校验
将所有表单字段作为响应式对象集中管理（例如 formData），每个字段都由带清洗逻辑的 setter 控制。当用户从“基本信息”页跳转到“确认页”时，formData 中已是清洗后的终态数据——无需在跳转前调用 validateAndClean()，也不用担心中间步骤残留未处理的空格或大小写问题。
若某字段需根据其他字段联动清洗（如“国家”变更时重置“电话区号”），可在 setter 中读取当前 this.country，动态调整清洗策略，实现上下文感知的自动化。
错误提示与原始输入分离，兼顾体验与调试
setter 清洗后应返回干净值，但不阻断原始输入。可额外维护 rawValues 对象记录用户最初输入（用于日志或还原），同时用计算属性或方法生成错误信息（如“邮箱格式不正确”仅在校验失败时显示）。这样既保证提交数据质量，又不干扰用户操作节奏。
清洗失败时（如非数字字符强行赋给金额字段），setter 可选择静默忽略、抛出警告、或回退为默认值（如 0.00），具体策略按业务容忍度设定。
