v-model可以实现表单数据的双向绑定,但是只限于运用在表单元素中,input(radio,text,address,email…),select checkbox
绑定方式为
v-model:value="msg"
或者v-model="msg"
<div id="app">
<h4 >{{msg}}</h4>
<!-- v-bind是从M到v的单向数据绑定-->
<input type="text" v-model="msg" style="width:100%;">
</div>
<script>
var vm=new Vue({
el:"#app",
data:{
msg:"咱是好学生,爱敲代码爱学习爱思考,简直完美"
}
})
</script>
这样在浏览器页面上直接修改input内容,在上面的h4标签中直接同步修改后的msg内容