用 Set 记录已修改字段，初始化时建立原始值快照；为各字段绑定变更事件，比对后存入 Set；提交时仅发送 Set 中字段，支持重置、UI 提示及数组/对象等特殊场景处理。

用 Set 记录已修改字段，是轻量、高效且天然去重的方案。关键不在“怎么存”，而在“何时存”和“如何比对原始值”。

初始化时建立原始值快照

表单渲染完成（或数据加载后），遍历所有可编辑字段，将字段名作为 key，当前值作为 value 存入一个普通对象（即原始状态快照）。这个对象不参与响应式，只作比对基准。

• 对 input、textarea、select 等原生控件，取 value；对 checkbox/radio，取 checked 状态 + name 或组合标识
• 对自定义组件（如日期选择器、多选标签），需约定其提供 getRawValue() 或类似接口返回可比对的原始数据（如时间戳、字符串数组）
• 避免直接监听整个表单对象——深层嵌套字段修改时，diff 成本高且易漏判

绑定变更事件，动态更新 Set

为每个字段绑定 input、change 或自定义事件（如组件 emit 的 update:modelValue），在回调中做三件事：获取当前值 → 与原始快照比对 → 不同则加入 Set。

• 比对推荐用 JSON.stringify()（适用于简单结构）或浅比较（适用于基础类型+扁平对象）；避免深比较影响性能
• Set 实例建议挂载在表单组件实例上（如 this.touchedFields = new Set()），方便后续读取和重置
• 注意防抖：高频输入（如搜索框）可加 300ms 防抖，但需确保最后一次输入一定触发比对

提交前校验与差异化处理

提交时，不再遍历全部字段，而是直接遍历 Set 中的字段名，仅收集这些字段的新值，构造最小化 payload。

• 例如后端 API 只接受 PATCH 请求，且要求只传被修改字段，则直接用 Array.from(this.touchedFields).reduce(...) 构建数据
• 支持“取消修改”：点击重置时，清空 Set 并将表单 DOM 值恢复为原始快照（而非调用 reset()，避免丢失用户临时输入）
• UI 提示优化：用 field in this.touchedFields 控制某字段旁的「已修改」小标，比监听整个表单更精准

处理特殊情况：数组/对象字段与联动更新

当字段值是数组或对象（如地址对象、标签列表），需将其“扁平化标识”后存入 Set，否则每次引用变化都会误判为修改。

• 例如：user.profile.tags 改动，存入 Set 的是 "user.profile.tags" 字符串，而非整个数组引用
• 联动场景（如省市区三级联动）：下游字段变更时，主动将上游字段也加入 Set（如选了城市，自动标记“省份”为已修改），保证业务语义完整
• 删除操作特殊处理：如移除某条子项，原始快照中该子项存在，当前值中已不存在 → 视为修改，应记录父字段路径