v-model修饰符详解

在 Vue.js 中，v-model 是用于创建双向数据绑定的指令，这意味着你可以将数据绑定到输入元素上，并且当输入元素的值改变时，绑定的数据也会自动更新。
然而，有时候我们可能希望将输入的值强制转换为某种类型，比如数字。为此，Vue 提供了 v-model 的修饰符。接下来就让我们来看看这些修饰符吧

.lazy

作用：默认情况下，v-model 会在输入事件（如 input）中同步输入框的数据。但是，.lazy 修饰符会延迟数据更新，直到输入框失去焦点或按下回车键时才会更新数据。
例如：<input v-model.lazy="message">
适用场景：当需要减少数据更新频率，以避免频繁的计算和渲染时，可以使用 .lazy 修饰符。

.trim

作用：自动过滤掉输入框的首尾空格。
例如：<input v-model.trim="username">
适用场景：处理用户输入时，尤其是文本输入框，去除首尾空格以保持数据的清洁性。
 

.number 

作用：自动将用户的输入转换为 Number 类型。
例如：<input v-model.number="text">
适用场景：处理用户输入时，将用户的输入转换为 Number 类型

如果输入的不是一个有效的数字字符串（例如 “abc”），.number 修饰符会将其转换为 NaN&#