在 Vue.js 中,可以使用以下幾種方式引入外部 CSS 文件:
1. 全局引入:在項(xiàng)目的入口文件(通常是 `main.js`)中,使用 `import` 語句引入外部 CSS 文件。
```javascript
import '@/assets/css/style.css';
```
2. 組件內(nèi)引入:在 Vue 組件的 `style` 標(biāo)簽內(nèi),使用 `@import` 引入外部 CSS 文件。
```vue
```
3. 使用 CSS 預(yù)處理器:如果項(xiàng)目使用了 Sass、Less 等 CSS 預(yù)處理器,可以通過 `@import` 引入其他樣式文件,在 Sass 中:
```scss
@import 'style';
```
4. 動(dòng)態(tài)引入:通過 JavaScript 動(dòng)態(tài)地引入外部 CSS 文件。
```javascript
let link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'path/to/style.css';
document.head.appendChild(link);
```
5. 使用樣式標(biāo)簽:在 HTML 中使用 ````
具體的引入方式可能因項(xiàng)目結(jié)構(gòu)、構(gòu)建工具等因素而有所不同,在實(shí)際應(yīng)用中,應(yīng)根據(jù)具體情況選擇合適的引入方式。