Vue作為流行的JavaScript框架之一，使用起來非常方便，但是在使用CSS時(shí)可能存在一些疑問。下面將簡(jiǎn)要介紹Vue如何使用CSS。

Vue組件中的樣式可以使用普通的CSS樣式表進(jìn)行定義。可以像使用普通樣式表一樣在組件模板中引入樣式表，例如：

<template>
<div class="my-component">
// 組件內(nèi)容
</div>
</template>
<style>
.my-component {
background-color: #eee;
padding: 20px;
}
</style>

在上面的示例中，我們定義了名為"my-component"的組件，并對(duì)其應(yīng)用CSS樣式。這樣做與使用普通的HTML + CSS沒有任何區(qū)別。

另一種定義樣式的方式是使用Vue的scoped屬性。使用scoped后，定義的樣式只會(huì)應(yīng)用于當(dāng)前組件內(nèi)的元素，這解決了全局樣式的污染問題。下面是一個(gè)帶有scoped屬性的組件樣式示例：

<template>
<div class="my-component">
// 組件內(nèi)容
</div>
</template>
<style scoped>
.my-component {
background-color: #eee;
padding: 20px;
}
</style>

上面的組件樣式只會(huì)應(yīng)用于組件內(nèi)部的元素，而不會(huì)對(duì)其他組件或頁面產(chǎn)生影響，這使得我們可以更好地控制組件樣式。

總之，在Vue中使用CSS與普通的HTML頁面使用CSS并無太大區(qū)別，可以通過引入樣式表、定義類名等方式來定義樣式，同時(shí)使用Vue的scoped屬性可以更好地控制樣式的作用范圍。