一、双向绑定：
在vue中，使用指令v-model来实现双向绑定，双向绑定的意思是：表单改变，数据也改变，数据改变，表单也改变，以下为示意图：
二、示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="app">
<input type="text" v-model="msg" />
<!-- <input type="text" :value="msg" @input="msg = $event.target.value" /> -->
<input type="text" :value="msg" @input="changeValue($event)" />
<p>{{msg}}</p>
</div>
</body>
</html>
<script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript">
let vm = new Vue({
el:"#app",
data:{
msg:"hello"
},
methods:{
changeValue:function(e){
console.log(e);
this.msg = e.target.value;
}
}
});
</script>
