class
class:
指令是一種方便的方式,可以在元素上設定條件式類別,作為在 class
屬性內使用條件式表達式的替代方案
<!-- These are equivalent -->
<div class={isCool ? 'cool' : ''}>...</div>
<div class:cool={isCool}>...</div>
與其他指令一樣,當類別名稱與值一致時,我們可以使用簡寫
<div class:cool>...</div>
可以將多個 class:
指令添加到單個元素
<div class:cool class:lame={!cool} class:potato>...</div>