SOURCE

var vm = new Vue({
  el:"#app",
  data:{
    message:'',
    checked:false,
    checkedNames:[],
    name:''
  }
})

<div id = "app">
  <input v-model="message" placeholder="edit me">
  <p>Message is:{{message}}</p>

  <input type = "checkbox" id = "checkbox" v-model="checked">
  <label for="checkbox">{{checked}}</label>
  <br>
  <input type="checkbox" id = "jack" value = "Jack"v-model="checkedNames"/>
  <label for="jack">Jack</label>
  <input type="checkbox" id="john" value = "John" v-model="checkedNames" />
  <label for="john">John</label>
  <input type="checkbox" id="mike" value="Mike" v-model="checkedNames" />
  <label for="mike">Mike</label>
  <br>
  <span>checkedName:{{checkedNames}}</span>
  <br>
  <input type="radio" id="one" value="one" v-model="name"/>
  <label for="one">one</label>
  <input type="radio" id="two" value="two" v-model="name" />
  <label for="two">two</label>
  <br>
  <span>PICK:{{name}}</span>
</div>