:class
<div :class="{ active: isActive }">
{{ isActive }}
</div>
<div :class="{ active: isActive, name1: nameActive }">
{{ isActive }}~{{ nameActive }}
</div>
<div :class="nameActive ? 'name1' : 'name2'">
{{ isActive }}~{{ nameActive }}
</div>
<div :class="['nameX', nameActive ? 'name1' : 'name2']">
{{ isActive }}~{{ nameActive }}
</div>
<div :class="[nameX ? 'nameX1' : 'nameX2', nameActive ? 'name1' : 'name2']">
{{ isActive }}~{{ nameActive }}
</div>