v-model 双向绑定表单元素的数据：实质是绑定了value、checked、selected属性

参考：https://blog.csdn.net/weixin_41796631/article/details/82945210

用法：

可以用 v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。

它会根据控件类型自动选取正确的方法来更新元素。

尽管有些神奇，但 v-model 本质上不过是语法糖。

它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。

1. #文本 <input> 元素

绑定 value 属性

2. # 多行文本 <textarea>

绑定 value 值

3.# 复选框 <input type="checkbox">

1）单个选择框绑定 checked 值(布尔值)；

用v-model="text" 绑定了text 的数据属性。 单个复选框被选中时，text 的值为 true；不被选中时，text 值为 false

           

 

2）多个复选框绑定的是 value 值(数组)

text 初始值为 空数组 [ ]。选中复选框时，被选中的复选框元素<input > 的 value 值被传入这个数组中

 

 

 

4.#单选按钮 <input type="radio">

绑定value 值

5. # 选择框 <select> （单选和多选）

绑定的是子元素 <option>元素 的value 值