下面是我寫的Demo以及我的理解

<div id="app">
    <h3>單選按鈕繫結資料</h3>
    <input type="radio" value="男" v-model="sex">男
    <input type="radio" value="女" v-model="sex">女
    <p>{{sex}}</p>
    <hr>
    <h3>多選繫結一個數值</h3>
    <input type="checkbox" v-model
 
="isTrue">
    <label for="">{{isTrue}}</label>
    <hr>
    <h3>多選繫結一個數組</h3>
    <input type="checkbox" value="滴滴" v-model="net_car">
    <label for="">滴滴</label>
    <input type="checkbox" value="易到" v-model="net_car">
    <label for="">
 
易到</label>
    <input type="checkbox" value="神州" v-model="net_car">
    <label for="">神州</label>
    <p>{{net_car}}</p>
</div>

<script>
var app = new Vue({
    el: "#app",
    data: {
        isTrue: false,
        sex: "",
        net_car: []
    }
})
</script
 
>

在建立類似複雜多選或單選框的常見元件還沒涉及到，先放在這裡…