直接上效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<style>
</style>
<script src="./vue.js"></script>
</head>
<body>
<div id="root">
<!--//checkbox单选框-->
<label for="agree">
<input type="checkbox" id="agree" v-model="isAgree"/>同意协议
</label>
<h2>您的选择是:{{isAgree}}</h2>
<button :disabled="!isAgree">下一步</button>
<!--//checkbox单选框-->
<input type="checkbox" value="大盘鸡" v-model="eat" />大盘鸡
<input type="checkbox" value="大盘鸭" v-model="eat" />大盘鸭
<input type="checkbox" value="大盘鹅" v-model="eat" />大盘鹅
<input type="checkbox" value="大盘猪肉" v-model="eat" />大盘猪肉
<h2>{{eat}}</h2>
</div>
<script>
new Vue({
el:"#root",
data:{
isAgree:false,
eat:[]
},
methods:{
},
computed:{
},
filters:{ //过滤器
}
})
</script>
</body>
</html>