v-bind叫做单向绑定,v-model叫做双向绑定,这里举一个例子。
<div id="app"><div>单向数据绑定: <input type="text" v-bind:value="message"></div></div><script >var vm = new Vue ({el:"#app",data : {message: "我是data里面的message",},})</script>
当我们修改实例的值的时候,发现input是变化的,但是当我们修改input的时候,实例的值是不发生变化的。
那么我们使用v-model再来试一下,当使用v-model后,无论我们改变input的值,还是修改实例的值,另一方会随之变化。
我们更倾向于使用v-model元素,但是v-model是有限制的,v-model只可以应用在表单类元素,比如input。
关于以上两个的简写:
单向数据绑定:
可以简写为
单向数据绑定:
双向数据绑定:
可以简写为
双向数据绑定:
