v-model的使用与修饰符

v-model是vue中很重要的一个指令，双向绑定

可以用在input、select、textarea、component元素上进行数据的双向绑定，忽略所有表单数据的value、checked、selected特性的初始值而总是将vue实例的数据作为数据源。其本质是语法糖

修饰符：

• lazy 取代input监听change事件，用户在输入数据时没有任何变化，只有失去焦点时，数据才会改变
• number 把输入的字符串转为数字
• trim 将用户输入的前后的空格去掉

在输入框中输入很多空格在输入内容时，span中的内容还是那样，不会多出很多空格，原因是HTML只显示一个空格，但是name的值不一样了，他会将这些空格算上储存在数据库中，v-model.trim就是将这些多余的空格去掉，如果是密码等输入框，请不要加trim这个修饰符，有些用户会用空格做密码