在 Vue.js 中引入 CSS 文件有多種方式，以下是其中幾種常見的方法：

1、全局引入：

在 Vue 項目的入口文件（通常是main.js）中，可以使用import 語句引入一個全局的 CSS 文件。

```javascript

import '@/assets/css/style.css';

```

這里假設(shè)你的 CSS 文件位于項目的assets/css 目錄下，并且文件名為style.css。

2、組件內(nèi)引入：

在 Vue 組件的style 標(biāo)簽內(nèi)，可以直接引入一個 CSS 文件。

```vue

<style src="@/assets/css/style.css"></style>

```

這種方式會將 CSS 文件的內(nèi)容直接添加到組件的樣式表中。

3、使用 CSS 模塊化：

Vue.js 支持 CSS 模塊化，可以通過import 語句引入其他組件的樣式。

```javascript

import 'path-to-your-component/style.css';

```

這種方式可以確保每個組件的樣式只在該組件內(nèi)部生效，避免了樣式?jīng)_突的問題。

4、使用預(yù)處理器：

如果你使用了如 Sass、Less 或 Stylus 等預(yù)處理器，可以在 Vue 組件的style 標(biāo)簽內(nèi)使用@import 指令引入其他組件的樣式。

```vue

<style lang="scss">

@import 'path-to-your-component/style';

</style>

```

這種方式可以確保樣式的模塊化，并且可以利用預(yù)處理器提供的強大功能。

5、動態(tài)引入：

如果你需要根據(jù)某些條件動態(tài)引入不同的樣式文件，可以使用 Vue 的動態(tài)組件功能。

```vue

<component :is="currentStyle" />

```

其中currentStyle 是一個動態(tài)綁定的變量，可以根據(jù)需要指向不同的樣式文件，這種方式可以實現(xiàn)樣式的動態(tài)加載和切換。