Vue 2.0 DataTable是一個基于Vue.js 2.0的高可定制、易擴(kuò)展的數(shù)據(jù)網(wǎng)格組件。通過使用它，我們可以快速地開發(fā)出功能豐富而易用的數(shù)據(jù)表格。

為了使用Vue 2.0 DataTable，我們需要先安裝它。

npm install vue2-datatable-component

然后在Vue組件中引用它：

import DataTable from 'vue2-datatable-component'

接著，我們可以在組件中編寫Vue 2.0 DataTable的HTML代碼：

<data-table
:data="tableData"
:columns="columns">
</data-table>

其中，tableData和columns是我們自己定義的數(shù)據(jù)和列。比如：

data() {
return {
tableData: [
{ id: 1, name: '張三', gender: '男', age: 20 },
{ id: 2, name: '李四', gender: '女', age: 22 },
{ id: 3, name: '王五', gender: '男', age: 25 },
{ id: 4, name: '趙六', gender: '女', age: 30 }
],
columns: [
{ label: 'ID', field: 'id' },
{ label: '姓名', field: 'name' },
{ label: '性別', field: 'gender' },
{ label: '年齡', field: 'age' }
]
}
}

最后，在Vue組件中注冊Vue 2.0 DataTable：

components: { DataTable }

這樣就可以使用Vue 2.0 DataTable了，效果如下：