使用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据空间类型自动选择正确的方法来更新元素。
注意：v-model会忽略所有表单元素的value、checked、selected特性的初始值而总是将vue实例的数据作为数据来源，你应该通过javaScript在组件的data选项中声明初始值！
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="app">
<input type="text" v-model="message">{{message}}
<br><br><br>
性别：
<input type="radio" value="男" v-model="who">男
<input type="radio" value="女" v-model="who">女
选中的谁：{{who}}
<br><br><br>
下拉框：
<select v-model="xuanzhong">
<option value="" disabled>请选择</option>
<option value="A" >A</option>
<option value="B" >B</option>
<option value="C" >C</option>
</select>
选中了：{{xuanzhong}}
</div>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.min.js"></script>
<script>
var vm = new Vue({
el: "#app",
data:{
message:"",
who:"",
xuanzhong:"",
}
});
</script>
</body>
</html>
原文：https://www.cnblogs.com/ixtao/p/14100681.html