Vue是一個流行的JavaScript框架，它可以幫助我們更快地構建交互式Web應用。在Vue中，我們通常使用單文件組件（SFC）來組織我們的應用程序。SFC是一個包含HTML、CSS和JavaScript代碼的單個文件。在本文中，我們將會介紹如何在Vue中引入外部CSS樣式。

首先，在Vue組件中引入外部CSS樣式非常簡單。我們只需要使用元素引入外部CSS文件，就像在HTML中一樣。

<template>
<div>
<h1>這是一個Vue組件</h1>
</div>
</template>
<script>
export default {
// 組件代碼
}
</script>
<style>
/* 引入外部CSS樣式 */
<link rel="stylesheet" href="path/to/your/css/file.css">
/* 編寫組件樣式 */
h1 {
color: red;
font-size: 24px;
}
</style>

在上面的例子中，我們使用元素引入了一個名為"file.css"的外部CSS文件。該文件路徑應該是相對于當前Vue組件的。然后，我們在