双向绑定(表单控件绑定)
1.功能:
视图控制数据,数据也可控制视图,这就是双向绑定,可通过属性+事件来实现双向绑定。
而vue中直接提供了一个指令v-model直接完成( 本质上不过是语法糖)。
注意:v-model指令只能使用在表单元素上。
2.v-modle
双向绑定的最基本用法
<input v-model="message" />
<textarea v-model="message" />
<input type="checkbox" v-model="message" />
3.修饰符
v-model.lazy
当失去焦点时才会触发双向绑定
v-model.number
自动转变为number类型
v-model.trim
去掉字符串前后的空格