在開發(fā)網(wǎng)站或應(yīng)用程序時，引用公共CSS是十分必要的，在Vue中也不例外。

在Vue中，我們可以使用多種方式來引用公共CSS。下面我們將介紹最常用的幾種方式。

全局引用

// 在main.js文件中引用
import Vue from 'vue'
import App from './App.vue'
import './assets/css/global.css'
Vue.config.productionTip = false
new Vue({
render: h =>h(App),
}).$mount('#app')

上面的代碼展示了在主文件中引用公共CSS的方法。我們可以在main.js文件中直接引用CSS文件，并使其對整個應(yīng)用程序生效。這種方法適用于需要在整個項目中使用公共CSS的情況。

組件內(nèi)引用

上面的代碼演示了在組件中引用公共CSS的方法。我們可以在組件內(nèi)直接引用CSS文件，使其只對當(dāng)前組件生效。這種方法適用于需要為某個組件單獨設(shè)置樣式的情況。

使用全局變量

// 添加scss變量
$primary-color: #007bff;
// 引用變量

在Vue中使用scss或less可以方便的使用變量。我們可以在全局設(shè)置一些變量，然后在組件的樣式中使用這些變量，以此實現(xiàn)公共樣式的效果。這種方法適用于需要對多個組件進(jìn)行樣式控制的情況。

總結(jié)

在Vue中引用公共CSS的方法有很多種，我們可以根據(jù)不同的需求選擇合適的引用方式。在實際開發(fā)中，我們需要合理的使用這些方法，以此提高代碼的復(fù)用率和開發(fā)效率。