使用这个组件时<el-table>，怎么将全部用户的信息渲染到表中

使用Element UI的el-table组件可以更方便地呈现用户信息表格，你可以按照以下步骤将用户信息渲染到表格中：

1. 在Vue组件中引入Element UI库和axios等工具

import axios from 'axios'
import { ElTable, ElTableColumn } from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

2. 在Vue组件中注册ElTable和ElTableColumn组件

export default {
  components: {
    ElTable,
    ElTableColumn
  },
  data() {
    return {
      userList: []
    }
  },
  mounted() {
    axios.get('/api/users')
      .then(res => {
        this.userList = res.data
      })
      .catch(err => {
        console.log(err)
      })
  }
}

3. 在Vue组件的模板中添加el-table组件，并设置表格的列和数据

<template>
  <div>
    <el-table :data="userList" style="width: 100%">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
      <el-table-column prop="email" label="邮箱"></el-table-column>
    </el-table>
  </div>
</template>

在上面的代码中，我们使用了el-table和el-table-column组件，其中el-table组件的:data属性绑定了userList，即我们从后端获取到的用户信息数组。而每个el-table-column组件则表示一个表格列，通过prop属性指定了要渲染的数据字段，通过label属性指定了列的表头名称。

这样，当组件渲染时，Vue会自动将用户信息数组渲染到表格中，并根据el-table-column组件的设置渲染表头和列数据。