在這個範例裡,是用單一方式去驗證active是否為true
<div v-bind:class="{ active: isActive }"></div>
也可以用多條件去判斷要出現哪個畫面
<div
class="static"
v-bind:class="{ active: isActive, 'text-danger': hasError }"
></div>
data: {
isActive: true,
hasError: false
}
渲染後會出現
<div class="static active"></div>
這一部分以後再回來說...感覺不知道要怎麼梳理