Bootstrap是一個流行的前端開發框架，它可以幫助開發者快速地創建美觀、響應式的Web頁面。在Vue中引用Bootstrap可以讓開發者更方便地使用Bootstrap提供的各種組件和樣式。

首先，我們需要在Vue項目中安裝Bootstrap。可以使用npm來安裝Bootstrap，運行以下命令：

npm install bootstrap

安裝完成后，在Vue組件中引入Bootstrap，可以使用import語句：

import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'

這里引入了Bootstrap的CSS和JS文件。如果需要使用Bootstrap的jQuery插件，也需要引入jQuery文件，具體可以參考Bootstrap官方文檔。

在Vue組件中使用Bootstrap提供的組件和樣式也很簡單。例如，我們想要在頁面中添加一個導航欄，可以使用Bootstrap的Navbar組件：

<nav class="navbar navbar-expand-lg navbar-light bg-light">
<a class="navbar-brand" href="#">Logo</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" 
data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" 
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contact</a>
</li>
</ul>
</div>
</nav>

這里我們使用了Navbar組件，并且添加了一個Logo和三個導航鏈接。要注意的是，我們需要在組件中引入Bootstrap的CSS文件，才能正常地使用Navbar樣式。

除了組件，Bootstrap還提供了許多實用的樣式，例如排版、表格、按鈕等。這些樣式可以在HTML標簽中直接使用。例如，我們想要添加一個紅色背景的按鈕，可以這樣寫：

<button type="button" class="btn btn-danger">Click Me</button>

在這里，我們使用了Bootstrap的btn和danger樣式，使得按鈕變成了紅色背景。

綜上所述，Vue中引用Bootstrap可以讓我們更方便地使用Bootstrap提供的組件和樣式，并且可以提高我們的開發效率。