v-model结合radio类型使用

v-model:radio

当存在多个选框时

<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>
  <h3>我选择的性别是：{{sex}}</h3>
  {{message}}</div>

<script src="../vue.min.js"></script>
<script>
  const app=new Vue({
    el:'#app',
    data:{
      message:'hello',
      sex:'男',

    }
  })
</script>

注意点：在用radio选框的时候有一个属性是name,如果多个选框的name属性值相同就会出现互斥现象。