vue.js v-model 实现双向数据绑定

双向数据绑定一定与     input / select /textarea   其中一个有关联

双向数据绑定：两方的数据，不管哪一方发生改变都会实时的影响另外一方

使用 v-model 属性实现组件绑定数据

    <!--vue-app是根容器-->
    <div id="vue-app">
        <input type="text" v-model="value">   //这里 value 是js文件 vue对象 中的数据名称
        <span>{{ value }}</span>
    </div>

//实例化vue对象
new Vue({
    el:"#vue-app",
    data:{
        value:null
    },
    methods:{}
});

这样就将 text组件 的 value值 与 vue对象中的 value值做了绑定，text组件的值发生改变时，就会影响vue对象的value值，从而实现 双向数据绑定

 

 

如果您有什么不明白的地方或其它想问的可以关注我的公众号,给我留言,我会尽可能的帮您解决遇到的问题

ps:如果您对摄影感兴趣,也可以关注我的公众号,不定时会分享自己的摄影经验和调色设定,欢迎交流,哈哈哈哈哈