在Vue中引入CSS有多種方法,以下是幾種常見的解決方案:
1. 全局引入:在項(xiàng)目的入口文件(如`main.js`)中,使用`import`語句引入CSS文件。
```javascript
import '@/assets/css/style.css';
```
2. 組件內(nèi)引入:在組件的`style`標(biāo)簽中,使用`@import`引入其他CSS文件。
```vue
```
3. 使用預(yù)處理器:如果你使用Sass、Less等預(yù)處理器,可以通過`@import`引入其他模塊或文件,在Sass中:
```scss
@import 'path-to-your-sass-file';
```
4. 動態(tài)引入:使用JavaScript動態(tài)地引入CSS文件。
```javascript
let link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'path-to-your-css-file.css';
document.head.appendChild(link);
```
5. 使用樣式模塊:在Vue中,你可以創(chuàng)建樣式模塊(如`.vue`文件中的`