在表格中渲染多行数据

在Vue中，渲染表格并显示多行数据通常使用`v-for`指令配合数组或对象数据源。以下是一个基础的例子，展示了如何在HTML模板中用循环渲染多行数据：

<table>
  <thead>
    <tr>
      <!-- 表头列 -->
      <th>姓名</th>
      <th>年龄</th>
      <!-- 添加更多的表头列... -->
    </tr>
  </thead>
  <tbody>
    <tr v-for="item in items" :key="item.id">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <!-- 如果有其他属性，添加对应的<td></td>元素 -->
    </tr>
  </tbody>
</table>

<script>
export default {
  data() {
    return {
      items: [
        { name: '张三', age: 25 },
        { name: '李四', age: 30 },
        // 更多的数据...
      ]
    };
  }
};
</script>

在这个例子中，`items`是Vue实例的数据属性，`v-for`遍历这个数组中的每一项，并为每一项生成一个新的`<tr>`（表格行）。`:key`用于确保每个循环实例都有唯一的标识符。

如果你的数据结构更复杂，比如嵌套对象，你可能需要调整循环的方式和模板结构来适应。