学习VUE3——表单输入绑定修饰符

• .lazy          // 在 "change" 事件后同步更新数据而不是默认的 "input"
• .number    // 将用户输入内容自动转换为数字
• .trim          // 去除输入内容两侧的空格

<!-- 默认情况下，v-model 会在每次 input 事件后更新数据 (IME 拼字阶段的状态例外)。
你可以添加 lazy 修饰符来改为在每次 change 事件后更新数据： -->
<input v-model.lazy="msg" />


<!-- 如果该值无法被 parseFloat() 处理，那么将返回原始值。
number 修饰符会在输入框有 type="number" 时自动启用。 -->
<input v-model.number="age" />

<!-- 自动去除用户输入内容中两端的空格 -->
<input v-model.trim="msg" />