v-model会忽略所有表单元素的 value、checked、selected特性的初始值,而总是将 Vue 实例的数据作为数据来源
实践过程中v-model更新radio控件的方式,v-model 指令在表单 <input>及 <textarea>元素上创建双向数据绑定。它会根
据控件类型自动选取正确的方法来更新元素
1、v-model绑定radio控件的value值,移除value属性,picked变量值无效。
<div id="example-4">
<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>
<span>Picked: {{ picked }}</span>
</div>
new Vue({
el: '#example-4',
data: {
picked: ''
}
})