SOURCE

var app6 = new Vue({
  el: '#demo1',
  data: {
    message: null,
		message2: null,
		checked: true
  }
})

new Vue({
  el: '#example-3',
  data: {
    checkedNames: []
  }
})

<div id="demo1">
  <input v-model="message" placeholder="edit me">
  <p>
    Message is: {{ message }}
  </p>
  <span>
    Multiline message is:
  </span>
  <p style="white-space: pre-line;">
    {{ message2 }}
  </p>
  <br>
  <textarea v-model="message2" placeholder="add multiple lines">
  </textarea>
	<div>
		<input type="checkbox" id="checkbox" v-model="checked">
		<label for="checkbox">{{ checked }}</label>
	</div>
</div>

<!-- 多个checkbox -->
<div id='example-3'>
  <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>Checked names: {{ checkedNames }}</span>
</div>