vue中绑定样式

在Vue中如何绑定样式？

  <!--1：单个样式-->

<div  v-bind:class="{'content':aa}"></div>          content--->style样式        aa--->布尔值



 <!-- 2：多个样式-->

<div v-bind:class="[activeClass, errorClass]"></div>data中： activeClass: 'active',    errorClass: 'text-danger'------->active，text-danger为class


<!--3：内联样式-->
<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }">菜鸟教程</div>
   data中的数据：
   activeColor: 'green',
	fontSize: 30
  }


<!--3：绑定一个样式对象-->
 <div v-bind:style="styleObject">菜鸟教程</div>      
 data: {
    styleObject: {
      color: 'green',
      fontSize: '30px'
    }
  }



<!--4：绑定多个样式对象（数组）：-->
 <div v-bind:style="[baseStyles, overridingStyles]">菜鸟教程</div>
data: {
    styleObject: {
      color: 'green',
      fontSize: '30px'
    }
}