vue中的scope.row怎么使用

在 Vue 的列表渲染中，我们可以使用 `v-for` 指令来遍历数据并渲染列表。而在渲染列表的过程中，我们可能需要获取当前遍历的数据对象，这时就可以使用 `scope` 对象，其中 `scope.row` 表示当前遍历的数据对象。

下面是一个例子，展示了如何在 Vue 中使用 `scope.row`：

<template>
  <div>
    <table>
      <thead>
        <tr>
          <th>姓名</th>
          <th>年龄</th>
        </tr>
      </thead>
      <tbody>
        <tr v-for="item in dataList" :key="item.id">
          <td>{{ item.name }}</td>
          <td>{{ item.age }}</td>
        </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataList: [
        { id: 1, name: '张三', age: 18 },
        { id: 2, name: '李四', age: 20 },
        { id: 3, name: '王五', age: 22 }
      ]
    }
  }
}
</script>

在上述代码中，我们使用 `v-for` 指令遍历 `dataList` 数组，并将每个元素渲染为一行表格。在表格中，我们使用 `scope.row` 获取当前遍历的数据对象，并将其属性值显示在表格单元格中。