在Web開發(fā)中,CSS(層疊樣式表)是用于描述HTML(超文本標記語言)或XML(可擴展標記語言)等文檔樣式的語言,在Vue.js中,可以使用單文件組件(Single File Components, SFCs)來共用CSS。
單文件組件是一種將HTML、JavaScript和CSS集成到一個文件中的組件,每個組件都有自己的作用域,可以獨立地引用自己的CSS樣式,如果你想讓多個組件共用一套CSS樣式,你可以將這些樣式定義在一個公共的CSS文件中,然后在每個組件中引入這個文件。
你可以創(chuàng)建一個名為`common.css`的文件,包含你希望多個組件共用的樣式,在每個組件的````
這樣,每個組件就可以使用`common.css`中定義的樣式了,注意,如果組件中定義了與`common.css`中相同的樣式,那么組件中的樣式會覆蓋公共樣式,這是CSS的層疊規(guī)則決定的。
如果你使用的是Vue CLI等開發(fā)工具,那么可以通過配置`vue.config.js`文件來全局引入公共CSS文件:
```javascript
module.exports = {
css: {
extract: false, // 提取公共樣式到單獨的文件
publicPath: '/public/css/' // 公共樣式的路徑
}
```
在`public/css/`目錄下創(chuàng)建公共樣式文件,并在每個組件中引入這個文件即可。