Vue.js是目前比较流行的一款前端框架，它具有灵活、高效、易用等优点。学习Vue.js需要了解很多概念和知识点，其中之一就是Vue的class指令。

Vue的class指令可以让我们动态的添加或删除元素的类名。在模板中，我们可以通过v-bind:class或简写:class来使用Vue的class指令。

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

上述代码中，我们绑定了一个对象到元素的class属性上，这个对象中的active是一个类名，isActive是一个data属性，如果isActive的值为true，那么该元素将会有一个active的类名，否则该类名将被移除。另外，我们还可以使用数组来绑定多个类名。

<div v-bind:class="[activeClass, errorClass]"></div>

上述代码中，我们绑定了一个数组到元素的class属性上，该数组包含了activeClass和errorClass两个类名。这意味着，如果activeClass和errorClass都有值，那么该元素将会同时包含这两个类名。

除了可以绑定对象或数组之外，我们还可以在计算属性中动态地生成一个类名。

<div v-bind:class="classObject"></div>

computed: {
classObject: function () {
return {
active: this.isActive,
'text-danger': this.hasError
}
}
}

上述代码中，我们在计算属性中动态生成了一个类名，这个类名包含了active和text-danger两个类名。如果isActive的值为true，那么该元素将会有一个active的类名，如果hasError的值为true，那么该元素将会有一个text-danger的类名。

总之，Vue的class指令非常方便，能够让我们轻松地动态地添加或删除元素的类名，使得我们能够更加灵活地控制元素的样式。