动态绑定 class

动态绑定class是Vue中非常常见的一个功能，可以根据不同的情况动态地为元素绑定不同的class。以下是几种常见的动态绑定class的方法：

1. 直接绑定一个class名，根据isActive的值来判断是否添加该class：

<div :class="{ 'active': isActive }">1</div>

2. 根据isActive的值来判断是否添加active这个class：

<div :class="{'active' : isActive == 1}">2</div>
<div :class="{'active' : isActive == num}">2</div>

3. 绑定多个class，根据isActive的值来判断是否添加active和active1这两个class：

<div :class="{ 'active': isActive,'active1':isActive }">3</div>

4. 把需要绑定的class名储存到data中，然后通过classObject来绑定class：

<div :class="classObject">4</div>

data: {
  classObject: {
    active: true,
    'text-danger': false
  }
}

5. 使用三元表达式来判断是否添加class：

<div :class="isActive ? 'active' : ''">5</div>