Vue是一款前端框架，其核心是數據驅動。在Vue開發中，經常會需要給HTML元素追加CSS樣式。我們可以通過Vue對DOM操作的支持來實現這一需求。

<template>
<div :class="{'class-1': isTrue, 'class-2': isFalse}">
<p>Hello World!</p>
</div>
</template>
<script>
export default {
data() {
return {
isTrue: true,
isFalse: false
}
},
mounted() {
let divEl = document.querySelector('div')
divEl.style.color = 'red'
}
}
</script>

在上面的代碼中，我們給Vue中的div元素綁定了class屬性，并使用三目運算符綁定了不同的類名。同時，我們在mounted鉤子函數中使用原生JavaScript代碼通過querySelector方法獲取到div元素的引用，并修改其color樣式為紅色。我們還可以通過其他Vue提供的API，比如通過ref屬性獲取元素的引用等方法來操作DOM元素。

把CSS樣式追加到HTML元素中，有多種方法，Vue給我們提供了一種更加靈活方便的方式。通過使用Vue的數據響應機制，我們可以實現數據到樣式的直接綁定，使代碼邏輯更加簡單清晰。