在Vue.js中，添加class是一個比較常見的操作。我們可以通過v-bind:class指令或者v-bind綁定class來實現添加class的功能。下面我們會詳細介紹這兩種方式的使用方法。

v-bind:class指令是Vue.js提供的一種指令，用于綁定一個或多個class。它的語法格式如下：

v-bind:class="{class1: condition1, class2: condition2}"

其中，class1和class2是要綁定的class名稱，condition1和condition2是用于判斷是否要綁定這些class的條件。如果condition1為true，會綁定class1；如果condition2為true，會綁定class2。

除了綁定對象，v-bind:class指令還可以接受一個數組，用于綁定多個class。例如：

v-bind:class="[class1, class2]"

這里的class1和class2分別為需要綁定的class名稱。

除了v-bind:class指令，我們還可以使用v-bind來綁定class。例如：

v-bind:class="classObject"

其中，classObject是一個JS對象，用于指定需要綁定的class。例如：{class1: true, class2: false}表示要綁定class1，不綁定class2。

除了使用v-bind:class指令和v-bind綁定class，我們還可以在模板中使用:class來綁定class。例如：

<div :class="{red: isRed}"></div>

這里的red表示需要綁定的class名稱，isRed是判斷是否需要綁定這個class的條件。

總的來說，Vue.js提供了多種方法來實現添加class的功能。選擇合適的方式可以讓我們的代碼更加簡潔和易于維護。