v-model的修饰符( .number .trim .lazy)

v-model的修饰符

 .number的作用是将绑定的值从string类型变为number类型

 在上述代码中，我们在input元素绑定了blur事件，作用为当鼠标移出当元素，触发该事件去响应方案

 可以看到在鼠标移出后，控制台打印的number类型为string

当我们再v-model后加上修饰符.number后

 控制台输出为number

 使用.number修饰符，输入含除数字外的内容

当输入以数字带头，会自动舍弃一直为数字后的内容

 

当数字以英文字母，或汉字开头，为全部内容

 trim修饰符：去除掉数据的前后空格,中间的空格不去掉

举例效果不明显，不做举例

lazy修饰符：当鼠标移出了输入框后，才会触发事情，和change类似

当没有用lazy修饰符时，

 当我们再输入框输入内容时，其他元素的绑定的值也会跟着变化

 

当我们使用lazy修饰时，

 

当我们离开这个输入框时，其他元素的值才会发生变化

所以lazy监听change事件，而不是input

change事件和input的触发区别