v-model · vue · 看云

## 在表单`<input>,<textarea>及<select>`元素控件或者组件上创建双向绑定，他负责监听用户的输入事件以及更新数据 ## 代码案例： ``` <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <script src="vue/vue.js"></script> <title></title> </head> <body> <div id="app"> php <input type="checkbox" v-model="language" value="php"/> java <input type="checkbox" v-model="language" value="java"/> js <input type="checkbox" v-model="language" value="java"/> <p>{{language}}</p> </div> </body> </html> <script type="text/javascript"> var vm=new Vue({ el:'#app', data:{ language:[] } }) </script> ``` ![](https://img.kancloud.cn/c3/ba/c3ba0c6e4740adeb4b1fd95fb1ddb0ee_2047x1002.png) ![](https://img.kancloud.cn/a5/3e/a53ecf824246cb4b75a639c9b740a502_1820x1138.png)