<!-- 它们是等价的 -->
<div class="{active ? 'active' : ''}">...</div>
<div class:active={active}>...</div>
<!-- 简写 -->
<div class:active>...</div>
<!-- 可以包含多个class状态 -->
<div class:active class:inactive={!active} class:isAdmin>...</div>
官网案例
class:name
class:name={value}
class:name
class:
指令可以以其简写形式绑定其标签的class。
其实你可以这样认为吧
假设说,你现在开发的软件有黄金会员,钻石会员,私人会员
<div class:active={active}>
<p>{active.active}</p>
</div>
js部分
let active={
vip1:'黄金会员',
active:0
}
这是案例