vue中的if語句可以用于控制顯示或隱藏某一個元素。而當我們需要根據if條件的變化來改變元素的class時，可以通過以下方式實現。

<template>
<div :class="{'active': isActive}">
<p>This is a paragraph.</p>
</div>
</template>
<script>
export default {
data() {
return {
isActive: false
}
},
methods: {
changeActive() {
this.isActive = !this.isActive
}
}
}
</script>
<style>
.active {
font-weight: bold;
color: red;
}
</style>

在上面的代碼中，我們使用了一個div元素作為容器，設置了一個isActive的數據屬性用于控制該元素是否顯示。同時，我們通過:class綁定的方式，將元素的class屬性綁定到了一個對象中，當isActive為true時，給元素添加active類，反之則不添加。

為了方便測試，我們添加了一個changeActive方法，用于改變isActive屬性的值。這樣在實際使用中，可以根據邏輯需要來修改該屬性值，從而控制元素class的變化。