概述：Vue的双向绑定可以实现: 数据变化的时候, 页面会自动刷新, 页面变化的时候，数据也会自动变化.
重点：
- 双向绑定, 只能绑定**“文本框,单选按钮,复选框,文本域,下拉列表”**等
- 文本框/单选按钮/textarea, 绑定的数据是字符串类型
- 单个复选框, 绑定的是boolean类型
- 多个复选框, 绑定的是数组
- select单选对应字符串，多选对应也是数组
语法：
一、绑定文本框
<div id=”app”>
用户名: <input type=”text” v-model=”username”/>
</div>
<script type=”text/javascript”>
var app = new Vue({
el:”#app”,
data:{
//该属性值和文本框的value属性值一样
username:””
}
});
</script>
二、绑定单个复选框
<div id=”app”>
<input type=”checkbox” v-model=”agree”>同意<br>
</div>
<script type=”text/javascript”>
var app = new Vue({
el:”#app”,
data:{
agree:true
}
});
</script>
（多个把data里面的变成数组就行）
三、form表单同理
版权声明：本文为weixin_59202218原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。