v-for u-table

v-for 是 Vue.js 框架中的一个指令，用于循环渲染列表数据。而 u-table 是 Element UI 框架中的一个表格组件，可以用于展示数据。

在 Vue.js 中使用 v-for 指令可以循环遍历数组或对象，并将每个元素渲染到页面上。例如：

<ul>
  <li v-for="item in items">{{ item }}</li>
</ul>

在 Element UI 中使用 u-table 组件可以展示数据，并支持排序、分页等功能。例如：

<template>
  <u-table :data="tableData">
    <u-table-column label="姓名" prop="name"></u-table-column>
    <u-table-column label="年龄" prop="age"></u-table-column>
    <u-table-column label="性别" prop="gender"></u-table-column>
  </u-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 20, gender: '女' },
        { name: '王五', age: 22, gender: '男' }
      ]
    }
  }
}
</script>