Vue值绑定
Vue2 •
•
266次阅读
<!DOCTYPE html>
<html>
<head>
<title>指令与事件</title>
<meta charset="UTF-8">
</head>
<body>
<div id="app">
<label v-for="item in originHobbies" :for="item">
<input :id="item" v-model="hobbies" type="checkbox" :value="item">{{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:{
show:true,
hobbies:[],
originHobbies:['篮球','足球','品胖球','台球']
},
})
</script>
</body>
</html>
vue
好的生活就是不瞎想，做得多，要得少，常微笑，懂知足。
