vue中v-model和v-bind区别


vue中v-model和v-bind区别
  数据绑定

    绑定数据 三种方式:

    >> 插值,也就是{{name}}的形式,以文本的形式和实例data中对应的属性进行绑定

    >> v-bind : 可以传给 v-bind:class 一个对象,简写为class:

     单向变动:当加上v-bind:之后,它的值class不是字符串,而是vue实例对应的data.classed的这个变量。也就是说data.classed是什么值,它就会给class属性传递什么值,当data.classed发生变化的时候,class属性也发生变化,非常适合用在通过css来实现动画效果的场合。

     支持类型:html属性、css样式、对象、数组、number、boolean;

    // 绑定文本

    <p :message></p>

    //绑定属性

    <p :class="src"></p>

    <p :style="styleCss"></p>

    <p :src="srcString"></p>

    //绑定表达式

    <p :class={className:true}></p>

       >> v-mode:主要用在表单元素上,例如input,checkbox,select 目的是实现双向绑定

    例如:

    <input v-model="inputDate">

    


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM