【Vue入门 笔记】1-15 v-model的使用

功能：实现表单元素和数据的双向绑定

      v-model其实是一个语法糖

<input type="text" v-model="message"> 等同于 <input type="text" v-bind:value="message" v-on:input="message = $event.target.value">

一般用在input 和 textarea等

【v-model】与之绑定

•  radio 
• checkbox 

1. 单选时   用布尔值 true false
2. 多选时 用 [] 列表（数组）

• select

七、修饰符

lazy修饰符： 默认情况下，v-model默认是在input事件中同步输入框的数据的。 也就是说，一旦有数据发生改变对应的data中的数据就会自动发生改变。 lazy修饰符可以让数据在失去焦点或者回车时才会更新：

number修饰符： 默认情况下，在输入框中无论我们输入的是字母还是数字，都会被当做字符串类型进行处理。 但是如果我们希望处理的是数字类型，那么最好直接将内容当做数字处理。

number修饰符可以让在输入框中输入的内容自动转成数字类型： trim修饰符： 如果输入的内容首尾有很多空格，通常我们希望将其去除 trim修饰符可以过滤内容左右两边的空格

 来源：最全最新Vue、Vuejs教程，从入门到精通_哔哩哔哩_bilibili