為了將網站樣式統一，我們通常會把相關的樣式定義在一個獨立的 CSS 文件中，并在需要的頁面中引入它。在使用 Vue 開發網站時，我們同樣也需要引入通用樣式。下面就讓我們來看看如何在 Vue 中引入通用樣式。

首先，我們需要在項目中創建一個樣式文件，可以命名為 global.css 或者 common.css，這個文件里面定義了一些基礎的樣式，如顏色、字體、布局等。

/* global.css */
body {
font-size: 16px;
line-height: 24px;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
background-color: #4CAF50;
color: #fff;
cursor: pointer;
}

然后，我們在項目的入口文件 main.js 中引入該樣式文件，并且將其應用到整個應用程序中。具體操作是在 main.js 文件中使用 import 語句引入樣式文件，然后使用 import 語句引入 Vue，最后在 Vue 實例中的樣式選項中設置全局樣式。

import Vue from 'vue';
import App from './App.vue';
import './global.css';
new Vue({
render: h =>h(App),
// 設置全局樣式
style: `
body {
font-size: 16px;
line-height: 24px;
color: #333;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.btn {
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
background-color: #4CAF50;
color: #fff;
cursor: pointer;
}
`
}).$mount('#app')

最后，在組件內使用這些全局樣式。我們可以在組件定義中使用樣式類名，也可以使用內聯樣式。

在上面的例子中，我們引入了全局樣式文件 global.css，然后將其設置為 Vue 實例的樣式選項，最后在組件中使用了兩個樣式類名和一個內聯樣式。注意，在設置樣式時，我們還可以使用 LESS 或者 Sass 等預處理器。