class
class:ディレクティブは、class属性内で条件式を使用する代わりに、要素のクラスを条件付きで設定する便利な方法です
<!-- These are equivalent -->
<div class={isCool ? 'cool' : ''}>...</div>
<div class:cool={isCool}>...</div>他のディレクティブと同様に、クラスの名前が値と一致する場合、省略記号を使用できます
<div class:cool>...</div>複数のclass:ディレクティブを1つの要素に追加できます
<div class:cool class:lame={!cool} class:potato>...</div>