<script src="vue.js"></script>

<div id="app">
    <label for="agree">
      <input type="checkbox" id='agree' v-model='isAgree'>
    同意协议</label>
    <h2>您选择的是：{{isAgree}}</h2>
    <button :disabled='!isAgree'>下一步</button>
</div>

const app =new Vue({
     el:"#app",
     data:{
       isAgree:false
     }
   })

<div id="app">
    <input type="checkbox" value="篮球" v-model='hobbies'>篮球
    <input type="checkbox" value="羽毛球" v-model='hobbies'>羽毛球
    <input type="checkbox" value="乒乓球" v-model='hobbies'>乒乓球
    <h2>您选择的是：{{hobbies}}</h2>
  </div>

const app = new Vue({
     el: "#app",
     data: {
       hobbies: []
     }
   })