数组语法

我们可以把一个数组传给 v-bind:class ，实例如下：

 

实例 

<div class="static" :class="[activeClass, errorClass]"></div>

 

 

以上实例 div class 渲染结果为：

 

<div class="static active text-danger"></div>

我们还可以使用三元表达式来切换列表中的 class ：

 

实例 

errorClass 是始终存在的，isActive 为 true 时添加 activeClass 类：

 

<div id="app">

    <div class="static" :class="[isActive ? activeClass : '', errorClass]"></div>

</div>

 

 

以上实例 div class 渲染结果为：

 

<div class="static text-danger"></div>