vue checkbox

html部分

<div id="app">
    <label for="aaa">
        <input type="checkbox" v-model="selected" value="aaa" id="aaa"> aaa 
    </label>
    <label for="bbb">
        <input type="checkbox" v-model="selected" value="bbb" id="bbb"> bbb 
    </label>
    <label for="ccc">
        <input type="checkbox" v-model="selected" value="ccc" id="ccc"> ccc 
    </label>
    <label for="ddd">
        <input type="checkbox" v-model="selected" value="ddd" id="ddd"> ddd 
    </label>
    
    <pre>{{ selected | json }}</pre>
</div>

vue部分

new Vue({
    el:'#app',
    data:{
        selected:[]
    }
})

效果

image.png