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">