在Vue中，獲取一行數據的id是很常見的操作，特別是在表格或者列表中進行數據操作時。下面我們來介紹如何使用Vue獲取一行數據的id。

<template>
<div>
<table>
<thead>
<tr>
<th>ID</th>
<th>名稱</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-for="(item, index) in dataList" :key="item.id" :row-index="index">
<td>{{ item.id }}</td>
<td>{{ item.name }}</td>
<td>
<button @click="handleDelete(index)">刪除</button>
</td>
</tr>
</tbody>
</table>
</div>
</template>
<script>
export default {
data() {
return {
dataList: [
{ id: 1, name: 'Vue', },
{ id: 2, name: 'React', },
{ id: 3, name: 'Angular', },
{ id: 4, name: 'jQuery', }
]
}
},
methods: {
handleDelete(index) {
const id = this.dataList[index].id;
console.log(`刪除數據，ID為：${id}`);
}
}
}
</script>

在上面的代碼中，我們建立了一個包含表格的Vue組件。其中，table中的tbody是通過v-for指令遍歷dataList數組來渲染的，其中的每一個tr都是代表數據列表中的單行數據。 當用戶點擊刪除按鈕時，我們需要獲取當前行的id值，然后進行刪除操作。

在handleDelete方法中，我們使用了Vue的data數據來獲取當前行的id值。通過傳入的參數index，在Vue的data中找到對應的元素，然后獲取其id值，從而確定了刪除的數據。