Vue是一個流行的JavaScript框架，它能夠幫助我們快速地開發Web應用程序。在這個過程中，我們通常需要加載一些公共的CSS文件，以便于我們快速實現一些樣式設計。那么如何在Vue中加載公共CSS呢？

首先，我們需要在Vue項目的根目錄下創建一個public文件夾，然后在該文件夾中創建一個CSS文件夾，用于存放公共CSS文件。接著在主入口文件（main.js）中引入CSS文件：

import './public/css/common.css';

這樣我們就可以在應用程序中使用公共CSS樣式了。但是，如果我們有多個組件需要使用這些公共樣式，這種方式可能就有些繁瑣了。為了解決這個問題，我們可以使用Vue的組件補充選項（mixins）。

首先，我們在src目錄下創建一個mixins文件夾，用于存放組件補充選項文件。然后，我們在該文件夾中創建一個common.css.js文件：

export default {
mounted() {
require('../../public/css/common.css');
}
};

現在，我們可以在需要使用公共樣式的組件中引入該組件補充選項：

import commonCssMixin from '@/mixins/common.css.js';
export default {
mixins: [commonCssMixin],
// 組件內容...
}

這樣，我們就可以在所有需要使用公共CSS樣式的組件中使用組件補充選項，從而輕松加載公共CSS文件了。