SOURCE

new Vue({
  el: '#example-3',
  data: {
    checkedNames: [],
    list: [{
      name: "Jack"
    },
    {
      name: "John"
    },
    {
      name: "Mike"
    }]
  },
  methods: {
    fn() {
      console.log(this.checkedNames)
    }
  }
})

<script src="https://cdn.bootcss.com/vue/2.4.2/vue.js">
</script>
<div id='example-3'>
  <template v-for="item in list">
    <input type="checkbox" :id="item.name" :value="item.name"
    v-model="checkedNames">
    <label :for="item.name">
      {{item.name}}
    </label>
    <br>
  </template>
  <span>
    Checked names: {{ checkedNames }}
  </span>
  <input type="button" value="点击我看看选中了几个复选框" @click="fn()" />
</div>