实时监听数据
监听用户的输入事件以更新数据,并对一些极端场景进行一些特殊处理。
如
<input v-model="message" placeholder="edit me">
<p>Message is: {{ message }}</p>
data : {
message : ""
}
在输入内容后,p标签会立即显示input的输入内容。
v-model支持元素有inpout、textarea、select;
修饰符
修饰符——官方文档
v-model有三个修饰符,分别是".lazy"、".number"、".trim"。
.lazy:相当于onbur(input框失去焦点)/ 按下回车键时,input的内容才被捕获到。
.number:把输入的数据转换为数值类型。
.trim:去除字符串两侧的空格。