Bootstrap vue table是一種在Vue.js框架中創建數據表格的簡單且靈活的方式。Bootstrap vue是一個用于Vue.js應用程序的前端框架，它提供了許多易于使用的UI組件和工具，可幫助您快速開發漂亮的Web應用程序。

在使用Bootstrap vue table時，您需要導入必要的庫和組件。下面是一個基本的Vue.js組件，它包含Bootstrap vue table組件:

<template>
<div>
<b-table striped hover :items="items" :fields="fields"></b-table>
</div>
</template>
<script>
export default {
data() {
return {
fields: [
{key: 'name', label: 'Name'},
{key: 'age', label: 'Age'},
{key: 'email', label: 'Email'}
],
items: [
{name: 'John Doe', age: 25, email: 'johndoe@example.com'},
{name: 'Jane Smith', age: 32, email: 'janesmith@example.com'},
{name: 'Bob Johnson', age: 45, email: 'bobjohnson@example.com'}
]
}
}
}
</script>

上面的代碼創建了一個包含三個字段（姓名、年齡和電子郵件）的數據表格，每個字段有一個標簽。數據表格的內容是由一個包含三個對象的數組（每個對象都代表一個數據行）表示的。這些對象包含每個字段的值。這個組件還使用了“striped”和“hover”屬性來使表格更加易于閱讀。

在這個基本組件的基礎上，您可以使用Bootstrap vue table提供的各種屬性和事件來定制您的數據表格。這些屬性和事件包括：

• “items”屬性：用于傳遞數據表格的數據數組。
• “fields”屬性：用于指定數據表格中的字段和標簽。
• “sort-by”和“sort-desc”屬性：用于啟用表格排序。
• “filter”事件：用于響應數據表格的篩選器。
• “row-click”事件：用于響應數據表格中行的單擊事件。
• “row-dblclick”事件：用于響應數據表格中行的雙擊事件。

使用這些屬性和事件，您可以創建符合自己需求的個性化數據表格。