在前端開發中，頁面的樣式有時候需要使用到外部的樣式庫或者自定義的樣式表。使用 Vue.js 框架時，可以通過特定的方法來引入樣式。在本文中，我們將講解如何在 Vue 中使用樣式。

首先，我們需要了解如何在 Vue 中使用原生 CSS 樣式。Vue.js 支持在組件內部直接書寫樣式，可以通過在組件的 template 中使用 style 標簽來實現。例如：

在上面的代碼中，我們使用了一個名為 my-component 的組件，并在組件內部定義了 h1 和 p 標簽的樣式。這些樣式只對當前組件有效。

除了在組件內部書寫樣式，我們還可以通過使用 import 語句來在組件中引入外部的樣式。首先，在組件的 script 標簽中引入需要的樣式文件：

在上面的代碼中，我們使用 import 語句引入了 my-style.css 樣式文件。接下來，我們需要在 main.js 文件中引入 webpack 相關配置以使得樣式文件能夠正常使用。在 main.js 文件中添加如下代碼段：

import Vue from 'vue'
import App from './App.vue'
import './my-style.css'
Vue.config.productionTip = false
new Vue({
render: h =>h(App),
}).$mount('#app')

在上面的代碼中，我們先 import 了 index.css 樣式文件，然后通過 Vue.config.productionTip = false 禁用生產提示，最后通過 new Vue 實例化了一個 Vue 應用。在組件中使用時，該樣式文件就已經被引入，可以直接使用。

另外，我們還可以使用全局樣式。在 App.vue 中使用 style 標簽書寫樣式，這樣可以保證該樣式對應用中的所有組件有效。例如：

在上面的代碼中，我們在 App.vue 中書寫了一段樣式，使得應用中的所有組件中的文字都變成了 16px 的黑色字體。這種方式適用于一些全局樣式的設置。

總結來說，我們可以在 Vue 中通過在組件內部書寫樣式、通過 import 引入外部樣式文件和使用全局樣式等方式來實現樣式的引入。在開發應用時，可以根據需要選擇不同的方式。