:class和:style如何绑定？

class：

<div v-bind:class="{ active: isActive, 'text-danger': hasError }"></div>

<div v-bind:class="[isActive ? 'activeClass' : '', 'errorClass']"></div>

style:

<div v-bind:style="{ color: activeColor, fontSize: fontSize + 'px' }"></div>

<div v-bind:style="[styleColor, styleSize]"></div>

data: {
    styleColor: {
      color: 'red'
    },
    styleSize:{
      fontSize:'23px'
    }
}