VUE学习日记（十二） ---- 数据绑定v-model（表单：单选按钮）

 

<div id="myPage">
      <h2>表单单选按钮</h2>
      <input type="radio" id="male" value="男" v-model="pickedSex">
      <label for="male">男</label>
      <input type="radio" id="female" value="女" v-model="pickedSex">
      <label for="female">女</label>
      <br>
      <p>您的性别为：{{pickedSex}}<p>

    </div>    

    <script>
      var myPage = new Vue({
        el:'#myPage',
        data:{
          pickedSex:""
        }
      })
    </script>

效果图：