v-model修饰符解决三类高频输入问题：lazy延迟更新至失焦/回车，number自动转数字类型，trim自动去除首尾空格；三者可链式组合使用。
v-model 修饰符不是锦上添花的语法糖，而是解决三类高频输入处理问题的实用工具：避免实时触发、自动类型转换、消除空格干扰。用对了，能少写大量 watch、input 事件监听和手动 trim/parseInt 逻辑。
lazy：让绑定从“输入中”变成“输入后”
默认 v-model 在每次 input 事件（即用户每敲一个字）就同步更新数据，对搜索框、表单校验等场景容易造成性能浪费或误触发。加 lazy 后，更新时机变为 change 事件——也就是失焦或回车时才同步。
适用场景举例：
- 搜索框防抖前的“先稳住”，避免边输边请求
- 数字输入框中用户还在修改（如输入 “12.”），不希望中间状态污染 model
- 表单项切换焦点时统一校验，而非每输一个字符就报错
写法：
number：告别 parseInt 和 NaN 判断
原生 input 的 value 永远是字符串。即使 type="number"，v-model 绑定的仍是字符串（比如输入 "42" 得到的是 "42"，不是 42）。加 number 修饰符后，Vue 自动调用 parseFloat（注意：不是 parseInt），将合法数字字符串转为 Number 类型；若值为空、非数字（如 "abc"）或仅含空白，则返回 NaN 或空字符串（取决于 Vue 版本，Vue 3 中空值转为 null，可配合 .trim 配合使用）。
小提醒：
- 它不会阻止用户输入字母，只是转换结果——仍需配合前端校验或后端兜底
- 小数点输入过程中的临时状态（如 "3."）会被转为 3，可能不符合预期，此时可结合 lazy 使用
- 想强制整数？需额外处理，number 本身不提供四舍五入或截断
写法：
trim：自动清理首尾空格，不用再写 .trim()
用户粘贴文本、误触空格、移动端软键盘空格键等，极易带入无意义空格。手动在每个 input 的 @input 里写 $event.target.value.trim() 显得重复又脆弱。v-model.trim 会在赋值前自动执行 trim()，且不影响原始事件流。
典型适用场景：
- 用户名、邮箱、手机号等不允许首尾空格的字段
- 搜索关键词去空格，避免 “ hello ” 匹配不到 “hello”
- 配合后端 API，减少因空格导致的 400 或逻辑异常
注意：它只处理首尾，不处理中间多余空格；如需全空格标准化，仍需自定义逻辑。
写法：
组合使用更高效
修饰符支持链式叠加，常见组合有：
- v-model.lazy.trim：失焦时再 trim，适合长文本输入（如备注、描述）
- v-model.number.lazy：数字字段延迟转换，避免中间态干扰
- v-model.trim.number：先去空格再转数字，防止 " 42 " → NaN
顺序不影响功能，但建议按语义习惯书写（如 trim 在前更易读）。
