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