V-model 表单输入绑定

v-model可实现双向绑定。

v-model在内部为不同的输入元素使用不同的属性并抛出不同的事件：

• text 和 textarea 元素使用 value 属性和 input 事件；
• checkbox 和 radio 使用 checked 属性和 change 事件；
• select 字段将 value 作为 prop 并将 change 作为事件。

 

v-model修饰符： .lazy .number .trim

• lazy修饰符
  • 默认情况下，v-model是在input事件中同步输入框数据的，一旦数据有变化对应的data就会立即自动发生改变
  • lazy修饰符可以使数据在失去焦点或者回车后才变更
• number修饰符
  • 在输入框中输入无论我们输入的是字母还是数字，都会被当做字符串处理
  • number修饰符可以使输入框中的把内容转换成数字
• trim修饰符
  • 如果输入的内容有很多的空格，通常我们希望要将其除去
  • trim修饰符可以过滤内容左右的空格