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指令非常方便，能夠讓我們輕松地動態地添加或刪除元素的類名，使得我們能夠更加靈活地控制元素的樣式。