VUE3-單向綁定v-bind
1、定義
v-bind指令為元素綁定屬性。指令帶有 v- 前綴的特殊屬性。指令用于在表達(dá)式的值改變時，將某些行為應(yīng)用到 DOM 上。
2、原理
v-bind是單向綁定，數(shù)據(jù)只能由model流向view，不能從view流向model。
3、應(yīng)用場景
?v-bind 指令經(jīng)常用在除表單元素之外的 DOM 元素中（表單元素中也能用，就是效果不好）。
4、語法? ?
?????? v-bind:屬性名=表達(dá)式，可縮寫為? :屬性名
????? 例：v-bind:src="mysrc"?? 或? :src="mysrc"
5、演示案例
6、簡寫
簡寫可以省略v-bind只保留??? :屬性名
<img?? :src="imgsrc"/>
<img?? :class="isActive?’Active’:’ ’"/>
<img?? :class="{active:isActive}"
7、v-bind:class案例
v-bind設(shè)置類名屬性，對于布爾屬性，常規(guī)值為 true 或 false，如果屬性值為 null 或 undefined，則該屬性不會顯示出來。
8、v-bind:style案例
可以在 v-bind:style 直接設(shè)置樣式，可以簡寫為 :style。
標(biāo)簽：
