在前端開發中，Tab切換是很常見的功能。它可以讓用戶在不同的標簽頁中切換，實現不同內容的展示。在Vue中，我們可以簡單實現一個Tab切換Demo。

首先，我們需要建立一個Vue實例，定義一個data屬性來存儲數據。

var app = new Vue({
el: '#app',
data: {
currentTab: 'tab1',
tabs: [
{id: 'tab1', name: 'Tab1', content: '這是第1個Tab的內容。'},
{id: 'tab2', name: 'Tab2', content: '這是第2個Tab的內容。'}
]
}
});

在上面的代碼中，我們定義了currentTab和tabs兩個屬性。currentTab用于記錄當前選中的Tab，tabs用于存儲所有的Tab數據，包括id、name和content。

接著，在HTML中我們可以使用v-for指令將tabs數組中的數據渲染到頁面中。同時，使用v-bind指令將currentTab和Tab的id進行比較，從而確定當前選中的Tab。

{{ tab.name }}
{{ tab.content }}

在上面的代碼中，我們使用了Bootstrap的樣式，為Tab添加了樣式。同時，使用v-for指令將tabs中的數據渲染到頁面中。在li和div標簽中使用了:class指令，根據currentTab和Tab的id進行比較，從而實現了Tab的切換效果。在a標簽中使用了@click指令，當用戶點擊Tab時，將currentTab的值更新為對應Tab的id。

最后，我們需要在CSS中添加樣式。下面是一個簡單的CSS樣式。

.nav-tabs li {
display: inline-block;
margin-right: 10px;
border: 1px solid #ccc;
border-bottom: none;
cursor: pointer;
padding: 5px 10px;
}
.nav-tabs li.active {
border-color: #007bff;
}
.tab-content div {
display: none;
padding: 10px;
}
.tab-content div.active {
display: block;
}

在上面的樣式中，我們為Tab添加了邊框、鼠標指針和一些內部邊距。同時，設置了Tab內容的初始狀態為不可見，使用.active類來顯示當前選中的Tab。

至此，我們就完成了一個簡單的Tab切換Demo。當用戶點擊不同Tab時，對應的內容將會顯示出來。