在 Vue 中導(dǎo)入 CSS 是非常簡(jiǎn)單的。通常情況下，您可以使用樣式標(biāo)簽并將其插入到單文件組件的模板中。但是，如果您需要將 CSS 用于整個(gè)應(yīng)用程序，那么您需要采用另一種方法。

首先，您需要?jiǎng)?chuàng)建一個(gè)名為styles.css的新 CSS 文件。您可以放置到您應(yīng)用程序的根目錄下的src文件夾內(nèi)，以確保這個(gè) CSS 文件是在應(yīng)用程序中可用的。

// 創(chuàng)建 styles.css 文件
src/
styles.css

在您的App.vue主文件中，添加以下代碼，將您的樣式表導(dǎo)入到應(yīng)用程序中：

<style>
@import "@/styles.css";
</style>

通過(guò)上面的代碼，您的樣式表現(xiàn)在被全局導(dǎo)入到您的應(yīng)用程序中了！您現(xiàn)在可以使用其中的樣式來(lái)裝飾您的組件。

對(duì)于 CSS 預(yù)處理器（如 Less、Sass 或 Stylus）的用戶來(lái)說(shuō)，您需要使用相應(yīng)預(yù)處理器提供的工具來(lái)編譯您的 CSS。Vue CLI 默認(rèn)支持 Less 和 Sass，如下所示：

// 使用 Sass
<style lang="scss">
// 導(dǎo)入和使用樣式文件
@import "@/styles.scss";
// 樣式 rules
&l;/style>
// 使用 Less
<style lang="less">
// 導(dǎo)入和使用樣式文件
@import "@/styles.less";
// 樣式 rules
&l;/style>

非常簡(jiǎn)單不是嗎？Vue 使得整個(gè) CSS 導(dǎo)入和使用過(guò)程變得非常簡(jiǎn)單。