v-model修饰符（.lazy、.number、.trim）可优化双向绑定：.lazy延迟至change事件更新，.number自动转数字，.trim自动去首尾空格，支持组合使用且执行顺序为trim→number→lazy。
v-model 是 Vue 中最常用的双向绑定指令，但默认行为有时并不完全贴合实际需求。比如输入框实时更新、数字类型处理、空格干扰等，都会带来额外判断和转换逻辑。通过 v-model 修饰符（.lazy、.number、.trim），可以省去大量手动监听与处理代码，让表单逻辑更简洁、健壮。
用 .lazy 延迟更新，避免频繁触发
默认情况下，v-model 在每次 input 事件后就同步更新数据，对搜索框、过滤器等场景可能造成性能浪费或误触发。加 .lazy 后，改由 change 事件触发，即用户失焦或回车时才更新。
- 适合：搜索关键词、表单项确认提交前的校验、非实时依赖的输入
- 写法：
- 注意：
.lazy不影响初始值绑定，只改变更新时机；配合@change自定义逻辑时需留意事件触发顺序
用 .number 自动转数字，减少 parseInt/parseFloat
原生 的值永远是字符串，即使用户输入 123，绑定到 data 里也是 "123"。手动转类型易遗漏，尤其在表单校验或计算中容易出错。
- 加
.number后，Vue 会自动调用parseFloat（空值转为NaN，整数保持整数） - 写法：
- 提示：若需严格整数，建议配合
type="number"+.number，再加step="1"和校验；NaN可通过v-if="!isNaN(age)"或计算属性兜底
用 .trim 自动去首尾空格，提升表单容错性
用户粘贴内容或习惯性多按空格，会导致邮箱、用户名、密码确认等字段校验失败。手动 .trim() 需在每个 input 的事件中处理，重复且易漏。
-
.trim在赋值前自动去除首尾空白字符，不修改中间空格（如姓名“张 三”保留） - 写法：
- 组合使用：
v-model.lazy.trim或v-model.number.trim均合法，执行顺序为 trim → number → lazy（即先去空格，再转数字，最后延迟更新）
修饰符不是黑魔法，但能显著减少样板代码。合理搭配使用，既保持响应式简洁性，又提升用户体验和数据可靠性。不复杂但容易忽略。
