v-model的修饰符

v-model修饰符是用来改变v-model默认行为的选项。通过在v-model后面加上一个或多个修饰符，可以控制何时同步输入框的值，以及如何处理用户输入。以下是v-model的三个常见修饰符：

   .lazy
作用：改变数据同步的时间点。默认情况下，v-model会在输入框的值发生改变时立刻同步数据，而使用.lazy修饰符后，数据会在change事件触发时（即输入框失去焦点时）才会同步。
示例：<input v-model.lazy="message" placeholder="Type something...">。在这个例子中，输入框的值只有在失去焦点时才会同步到message变量上，而不是每次按键时都同步。
   .number
作用：自动将用户的输入值转为Number类型。这对于处理数值类型的输入非常有用。需要注意的是，如果输入的第一个字符不是数字，那么值类型将不会转为数字。
示例：<input type="number" v-model.number="age" placeholder="Enter your age...">。在这个例子中，age变量将总是保存为数字类型，即使用户输入的是非数字字符，Vue也会尝试将其转换为数字。但请注意，如果输入以非数字字符开头，则值类型将保持为字符串。
  .trim
作用：自动忽略输入内容的首尾空白字符。这在处理文本输入时非常有用，可以避免因为用户不小心输入了空格而导致的数据错误。
示例：<input v-model.trim="trimmedMessage" placeholder="Type something...">。在这个例子中，输入框中的值在绑定到trimmedMessage变量前，会先去除两端的空白字符。
此外，这些修饰符也可以组合使用。例如，同时使用.lazy和.trim修饰符，可以实现只有在输入框失去焦点时才同步去除空白字符后的值。