• 绑定到text上，其中 ‘download’ 和 ‘downloadBlue’ 分别是一种style
    1. <text :class="['download', active ? 'downloadBlue' : '']" @click="onDownloadClick(app)">{{download}}</text>�
    • 定义active
    data () {
  return {
    active: false
  }�

    当在任何地方更新 active 的时候，text的 style 会根据值重新更新 style

    如上代码，采用 Class 与 Style 绑定 的方式动态更新style

    我们可以传给 v-bind:class 一个对象，以动态地切换 class：

    | ```javascript

     |
| --- |

上面的语法表示 `active` 这个 class 存在与否将取决于数据属性 `isActive` 的 [truthiness](https://developer.mozilla.org/zh-CN/docs/Glossary/Truthy)。

你可以在对象中传入更多属性来动态切换多个 class。此外，`v-bind:class` 指令也可以与普通的 class 属性共存。当有如下模板:

| ```javascript
<div class="static"
     v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>

    | | —- |

    和如下 data：

    | ```javascript data: { isActive: true, hasError: false }

     |
| --- |

结果渲染为：

| ```javascript
<div class="static active"></div>

    | | —- |