用vue2 elementui写一个列表

可以通过以下步骤来实现：

1. 在 Vue 项目中安装 Element-UI：在终端中输入命令 npm install element-ui --save。

2. 在 main.js 中引入 Element-UI：import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI)。

3. 创建列表组件，用于显示列表数据：

<template>
<div>
<el-table :data="tableData">
<el-table-column prop="id" label="编号"></el-table-column>
<el-table-column prop="name" label="名称"></el-table-column>
<el-table-column prop="age" label="年龄"></el-table-column>
</el-table>
</div>
</template>

<script>
export default {
data() {
return {
tableData: [
{ id: 1, name: 'Tom', age: 18 },
{ id: 2, name: 'Jerry', age: 20 },
{ id: 3, name: 'Lucy', age: 22 },
],
};
},
};
</script>

4. 在需要使用列表的页面中，引入列表组件：

<template>
<div>
<list></list>
</div>
</template>

<script>
import List from '@/components/List.vue';
export default {
components: {
List,
},
};
</script>

通过上述步骤，就可以实现用 Vue 2 和 Element-UI 编写一个列表。