VUE3-单向绑定v-bind

1、定义
v-bind指令为元素绑定属性。指令带有 v- 前缀的特殊属性。指令用于在表达式的值改变时，将某些行为应用到 DOM 上。
2、原理
v-bind是单向绑定，数据只能由model流向view，不能从view流向model。
3、应用场景
 v-bind 指令经常用在除表单元素之外的 DOM 元素中（表单元素中也能用，就是效果不好）。
4、语法   
       v-bind:属性名=表达式，可缩写为  :属性名
      例：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设置类名属性，对于布尔属性，常规值为 true 或 false，如果属性值为 null 或 undefined，则该属性不会显示出来。

8、v-bind:style案例

可以在 v-bind:style 直接设置样式，可以简写为 :style。