《Vue 高级框架开发》——Vue基础语法（2）

1.表单控件绑定

1.1 v-model

v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。

它负责监听用户的输入事件以更新数据

指令在表单控件元素(输入框，复选框，多个勾选框，选择列表)上创建双向数据绑定

<template>
	<div>
		<input v-model="message" >
		<p>Message is: {
  { message }}</p>
		
		<!-- 多个勾选框 -->
		<input type="checkbox" value="Jack" v-model="checkedNames">
		<input type="checkbox" value="Boy" v-model="checkedNames">
		<input type="checkbox" value="Bob" v-model="checkedNames">
		<br>
		<span>Checked names: {
  { checkedNames }}</span>

		<!-- 选择列表 -->
		<div>
			<select v-model="sele