Vue中的class屬性是用來控制元素的樣式顯示的，通過條件判斷來動態改變class屬性就能實現樣式的動態變化。在Vue中，我們使用v-bind指令來綁定class屬性，通過計算屬性或者方法來返回需要的class值。

computed: {
isTrue() {
return this.data === true;
}
}

在上面的代碼中，我們可以看到v-bind:class屬性綁定的是一個對象，該對象中包含一個key為class-name，value為isTrue的表達式。isTrue是一個計算屬性，當data為true時返回true，即class-name生效，否則不生效。

可以使用數組形式來綁定多個class，比如：

data() {
return {
class1: 'class-one',
class2: 'class-two'
}
}

這里在:class屬性中綁定了一個長度為2的數組，其中包含兩個需要顯示的class類名。我們可以在data中定義這兩個class，最后效果就是class-one和class-two同時生效，即該元素受兩個class控制。

在Vue中，我們還可以使用動態屬性名來實現class的動態綁定，比如：

data() {
return {
dynamic: 'dynamic-class'
}
}

這里我們可以看到:class屬性中使用了動態屬性名${dynamic}，表示class會根據dynamic的值動態生成，同時{'class-name': true}是一個靜態的key-value，表示這個class總是要生效的。

總結來說，Vue中的class屬性可以使用v-bind指令實現動態綁定，可以使用數組綁定多個class類名，可以使用動態屬性名動態綁定class類名，通過這些方式，我們能夠輕松實現樣式的動態變化。