在Vue開發中，我們經常需要根據條件來決定DOM元素是否添加某個class。這時我們可以使用Vue的if判斷來實現，具體實現方式如下：

<template>
<div :class="{ active: isActive }">
<p v-if="isActive">這是一個活躍的元素</p>
</div>
</template>
<script>
export default {
data() {
return {
isActive: true
}
}
}
</script>

上面的代碼中，我們通過使用Vue的:class語法給元素添加或刪除class，isActive表示元素是否活躍的狀態，通過v-if指令來判斷元素是否需要顯示，如果isActive為true，則顯示“這是一個活躍的元素”；否則不顯示這段文本。

除了使用:class，我們還可以使用:class綁定來實現類似的效果：

<template>
<div :class="classes">
<p v-if="isActive">這是一個活躍的元素</p>
</div>
</template>
<script>
export default {
data() {
return {
isActive: true
}
},
computed: {
classes() {
return {
active: this.isActive
}
}
}
}
</script>

上面的代碼中，我們通過computed屬性來計算出需要添加的class，這樣既可以讓代碼更加清晰明了，也便于重復使用。