尝试用ElementUI制作简单表格

以下是使用Element UI创建简单表格的示例代码：

首先，确保你已经在项目中安装并导入了Element UI。

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column prop="address" label="地址"></el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [
        {
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        },
        {
          date: '2016-05-04',
          name: '李小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        },
        {
          date: '2016-05-01',
          name: '赵小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        },
        // ...可以添加更多数据
      ]
    };
  }
};
</script>

这段代码定义了一个包含日期、姓名和地址的简单表格。el-table 组件用于展示表格，el-table-column 组件用于定义表格的列。data 属性用于绑定表格数据，数组中的每个对象代表表格中的一行数据。