2021/10/12 北京 v-model ，单选框，多选框，下拉列表框

来说说今天的重头戏 v-model

先把效果页面摆出来，用v-model绑定使数据双向流动，把页面输入的值绑回给data里的属性。

---

 前俩天就犯过这样一个困惑，做单选框的时候。选了男，还可以选择女。这时给一个name属性告诉他俩是一组的，就只能选择男，女其中一个了。

---

 v-model是有脾气的，默认收集输入框的value值。

像input,password这类型的输入什么我们的v-model就能收集到什么。那么像那些复杂些的，单选框，复选框，下拉列表框，v-model又是怎么运行的？ 

单选框type="radio"看下图的第15,16行就好了，

---

多选框type="checkbox"就讲究了。

要是不配置value的值的话，v-model收集的就是checked值，表示选中与没选中。

v-model绑定的属性值也很讲究，得是[ ],不能是' '

 我们的checked也不是没有用武之地，比如这个例子：同意用户协议，要的是你勾选没勾选，不需要知道你具体勾选了什么内容。就不需要写value了

---

 最后来看看老师总结，比我的专业多了