v-model是vue中很重要的一个指令,双向绑定
可以用在input、select、textarea、component元素上进行数据的双向绑定,忽略所有表单数据的value、checked、selected特性的初始值而总是将vue实例的数据作为数据源。其本质是语法糖
修饰符:
- lazy 取代input监听change事件,用户在输入数据时没有任何变化,只有失去焦点时,数据才会改变
- number 把输入的字符串转为数字
- trim 将用户输入的前后的空格去掉
在输入框中输入很多空格在输入内容时,span中的内容还是那样,不会多出很多空格,原因是HTML只显示一个空格,但是name的值不一样了,他会将这些空格算上储存在数据库中,v-model.trim就是将这些多余的空格去掉,如果是密码等输入框,请不要加trim这个修饰符,有些用户会用空格做密码