element-ui 案例

一个element-ui的案例可以如下所示:
在main.js中，我们首先需要引入element-ui的样式和组件:

import 'element-ui/lib/theme-chalk/index.css';
import { Button, Table } from 'element-ui';

然后在Vue实例中使用这些组件:

Vue.use(Button);
Vue.use(Table);

接下来，我们可以在组件中使用这些element-ui的组件了。比如，在一个用户列表组件中，我们可以使用Table组件来展示用户数据:

<template>
  <div>
    <el-table :data="tableData">
      <el-table-column prop="username" label="用户名"></el-table-column>
      <el-table-column prop="email" label="邮箱"></el-table-column>
      <el-table-column prop="phone" label="电话"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: []
    };
  },
  created() {
    this.$http.get("url").then(res => {
      this.tableData = res.data;
    });
  }
};
</script>

在这个案例中，我们使用了Table组件来展示用户数据，通过调用接口获取数据，并将数据赋值给tableData属性，然后在模板中使用tableData来渲染表格。这样就实现了一个简单的element-ui的案例。<span class="em">1</span><span class="em">2</span><span class="em">3</span>