Vue.js是一個流行的JavaScript框架，用于構建用戶界面和單頁面應用程序。Vue.js提供了許多指令和數據綁定功能，使得控制和管理Vue應用程序中的CSS變得更加容易。

<template>
<div v-bind:class="{ active: isActive }">
{{ message }}
</div>
</template>
<script>
export default {
data() {
return {
isActive: true,
message: "Hello, Vue.js!",
};
},
};
</script>

在上面的示例中，我們可以使用v-bind:class指令來動態地綁定CSS類。根據數據對象isActive的值，`active`類將被添加到`div`元素中。另外，我們還可以使用`{{ message }}`輸出我們定義的文本內容。

除了使用指令，Vue.js還提供了一些其他的函數和屬性來控制CSS。例如，我們可以使用`$refs`屬性來訪問DOM元素并直接設置CSS樣式。

<template>
<div>
<p ref="myParagraph">This is a paragraph element.</p>
<button v-on:click="changeColor">Change background color</button>
</div>
</template>
<script>
export default {
methods: {
changeColor() {
this.$refs.myParagraph.style.backgroundColor = "yellow";
},
},
};
</script>

在上面的示例中，我們定義了一個`p`元素，并使用`ref`屬性給它命名為`myParagraph`。通過訪問`$refs.myParagraph`屬性，我們可以引用這個元素并直接修改它的`style`屬性，從而更改它的背景顏色。

總之，Vue.js提供了許多方便的方法來控制和管理CSS樣式。使用指令、數據綁定和其他Vue特性，我們可以輕松地為Vue應用程序創建動態的和交互式的用戶界面。