在Vue中,可以使用局部組件來引用CSS,在組件的`style`標(biāo)簽中編寫CSS代碼,然后將其包含在組件的`template`中,在`App.vue`中編寫如下代碼:
```html
Hello Vue!
```
在上面的代碼中,`App.vue`組件的`style`標(biāo)簽中編寫了一個(gè)CSS樣式,該樣式將`app`類的文本顏色設(shè)置為紅色,并將字體大小設(shè)置為20像素,在`template`中,使用`div`元素創(chuàng)建一個(gè)具有`app`類的容器,該容器將應(yīng)用上述CSS樣式。
還可以在組件的`script`標(biāo)簽中編寫JavaScript代碼來動(dòng)態(tài)引用CSS樣式,可以使用`import`語句導(dǎo)入一個(gè)CSS文件,并在組件中使用該CSS文件中的樣式。
```javascript
import './path/to/your/css/file.css';
```
在上面的代碼中,使用`import`語句導(dǎo)入了一個(gè)名為`file.css`的CSS文件,在組件的`style`標(biāo)簽中引用該CSS文件中的樣式。
```html
```
在上面的代碼中,使用`@import`規(guī)則將`file.css`文件導(dǎo)入到組件的樣式表中,這樣,組件就可以使用`file.css`文件中的樣式了。
在Vue中,可以通過在組件的`style`標(biāo)簽中編寫CSS代碼或在`script`標(biāo)簽中編寫JavaScript代碼來引用CSS樣式。