v-bind叫做单向绑定,v-model叫做双向绑定,这里举一个例子。

    1. <div id="app">
    2. <div>
    3. 单向数据绑定: <input type="text" v-bind:value="message">
    4. </div>
    5. </div>
    6. <script >
    7. var vm = new Vue ({
    8. el:"#app",
    9. data : {
    10. message: "我是data里面的message",
    11. },
    12. })
    13. </script>

    当我们修改实例的值的时候,发现input是变化的,但是当我们修改input的时候,实例的值是不发生变化的。
    那么我们使用v-model再来试一下,当使用v-model后,无论我们改变input的值,还是修改实例的值,另一方会随之变化。
    我们更倾向于使用v-model元素,但是v-model是有限制的,v-model只可以应用在表单类元素,比如input。
    关于以上两个的简写:

    单向数据绑定:
    可以简写为
    单向数据绑定:

    双向数据绑定:
    可以简写为
    双向数据绑定: