Vue中样式的绑定class与style

first way
class的对象绑定

<div id="app">
  <div :class="{colorred:isred}" >message</div>
</div>

data:{
  isred:true
}

Dom

message

Second way:

<div id="app">
  <div :class="[colorclass,colorclassone]" >message</div>
</div>

data:{
  colorclass:"colorred",
  colorclassone:"fontsize12"
}

Dom

message