在網頁開發中，樣式對于網頁的呈現非常重要。而在Vue中，我們可以使用多種方式來引用樣式，包括內聯樣式、外部樣式表以及使用第三方樣式庫。

首先，讓我們來看看內聯樣式的引用方式。我們可以在Vue的template部分中，為需要設置樣式的標簽添加一個style屬性，然后在該屬性中設置對應的樣式。

<template>
<div style="color: red; font-size: 20px">
Hello Vue!
</div>
</template>

如上所述，我們為div標簽添加了一個style屬性，并設置了color和font-size樣式。需要注意的是，這種方式只適用于樣式較少的元素，對于樣式復雜或需要重用的樣式，我們應該使用外部樣式表或第三方樣式庫。

接下來，讓我們來看看外部樣式表的引用方式。與傳統的網頁開發一樣，我們可以在Vue項目的根目錄下創建一個CSS文件，例如style.css，然后在HTML中引入該樣式表即可。

<template>
<div class="container">
Hello Vue!
</div>
</template>
<style src="./style.css"></style>

如上所述，我們在template中為目標元素添加了一個class屬性，然后在style標簽中引入了對應的樣式表，其中src屬性為樣式表的文件路徑。需要注意的是，該方式是適用于Vue內部樣式表的引用方式。

最后，我們來看看使用第三方樣式庫的方式。Vue項目中常用的第三方樣式庫包括Bootstrap、Ant Design等。我們可以在Vue項目中引入這些庫，并按照官方文檔中的方式使用。

// 引入Bootstrap樣式庫
import 'bootstrap/dist/css/bootstrap.css';
// 使用Bootstrap樣式
<template>
<div class="container">
<button class="btn btn-primary">點擊我</button>
</div>
</template>

如上所述，我們在Vue項目中使用了Bootstrap樣式庫，并在template中按照官方文檔中的方式使用了其中的樣式。

綜上所述，Vue中引用樣式的方式有多種，我們可以根據實際情況選擇不同的方式來實現對元素的樣式設置。