CSS綁定 (Class & Style Binding)

假設宣告的數值如下

data: {
  isActive: true,
  activeColor: 'red'
}

範例

輸入

<div v-bind:class="{active: isActive}"></div>
<div v-bind:style="{color: activeColor}"></div>

輸出（原始碼)

<div class="active"></div>
<div style="color: red"></div>

Codepen

See the Pen this pen by anxgang (@anxgang) on CodePen.