生成示例

以下是一个使用Vue.js框架以及Element UI组件库生成的简单示例：

<template>
  <div>
    <el-table :data="tableData" 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>
  </div>
</template>

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

这个示例使用了Vue.js框架和Element UI组件库，生成了一个简单的表格展示界面。其中，模板部分使用了Vue.js的模板语法，将表格数据绑定到了界面上；脚本部分使用了Vue.js的组件和数据绑定功能，将数据和界面进行了关联。这个示例可以作为Vue.js和Element UI的入门示例，用于快速开发前端界面。