vue学习笔记7 v-bind

v-bind

操作标签属性  v-bind:src

 

简写方式  ":"  如 :href  

第一种直接绑定

:class="calssName"

第二种 布尔判断

:class="{class:isOk}"

第三种 绑定数组

:class="[classA,classB]"

第四种 绑定三元运算

:class="isOk?red:green"

第五种 直接输出style

:style="{color:class,fontSize:size}"

class:'red'

size:'20px'

第六种 绑定obj

:style="obj"

obj:{

color:'red',

fontSzie:'20px'

}