在Vue中,可以使用`style`屬性或`@import`指令來引入CSS。
1. 使用`style`屬性:在Vue組件中,可以直接使用`style`屬性來定義組件的樣式。
```html
```
在上面的代碼中,`style`屬性定義了一個`div`元素的樣式,將其文本顏色設(shè)置為紅色。
2. 使用`@import`指令:在Vue組件的`style`標(biāo)簽內(nèi),可以使用`@import`指令來引入外部CSS文件。
```html
```
在上面的代碼中,`@import`指令將外部CSS文件引入到了組件的樣式中。
除了以上兩種方法,還可以在Vue組件中使用CSS預(yù)處理器(如Sass、Less等)來擴展組件的樣式,這些預(yù)處理器提供了更強大的樣式編寫能力,可以讓***更輕松地管理和擴展組件的樣式。
需要注意的是,在Vue中引入CSS時,需要確保CSS文件或樣式的路徑正確,并且文件內(nèi)容符合CSS規(guī)范,還需要注意樣式的優(yōu)先級問題,避免出現(xiàn)樣式?jīng)_突或覆蓋的情況。