在 Vue.js 中，你可以使用绑定的 class 属性来根据条件动态的设置元素的类。这是一个基本示例：

<div v-bind:class="{ active: isActive }"></div>  

在这个例子中，active 是一个 CSS 类名，isActive 是一个 Vue 组件的数据属性。当 isActive 为 truthy（译者注：JavaScript 中的真值，例如 true, {}, [], "any non-empty string", 1 等）时，active 类将被添加到该 div 元素上。如果 isActive 为 falsy（例如 false, null, undefined, 0, NaN, ""），active 类将被移除。

你也可以在对象中包含多个字段来一次性处理多个类：

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

在这个例子中，当 isActive 为真时，添加 active 类；当 hasError 为真时，添加 text-danger 类。