name属性radio互斥,只能选择一个框 使用v-model可以不用name就可以互斥 -->
使用v-model要给value值 -->
label for和id是绑定的 缺少其一label for不起作用-->
v-model绑定`sex`属性,初始值为“男”,选择女后`sex`属性变成“女”,因为此时是双向绑定
<div id="app">
<label for="male">
<input type="radio" id="male" name="sex" value="男" v-model="sex">男
</label>
<label for="female">
<input type="radio" id="female" name="sex" value="女" v-model="sex">女
</label>
<div>你选择的性别是:{{sex}}</div>
</div>
<script src="vue.js"></script>
<script>
const app = new Vue({
el:"#app",
data:{
sex:"男"
}
})
</script>