v-model 值绑定

<div id="app">

<label v-for="item in originHobies" :for="item">

<input type="checkbox" :value="item" :id="item" v-model="hobbies">{{item}}

</label>

<h2>您的爱好是:{{hobbies}}</h2>

</div>

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<script type="text/javascript">

let app = new Vue({

el:"#app",

data:{

hobbies:[],

originHobies:['篮球','足球','乒乓球','台球']

}

})

</script>