axios 获取json数据后如何通过elementui展示

要通过 ElementUI 展示 axios 获取到的 JSON 数据，你需要使用 ElementUI 提供的表格组件。首先，你需要在 Vue.js 应用中按照 ElementUI 的文档正确引入和注册表格组件。然后，你可以在 Vue.js 的组件中使用 axios 发起请求获取 JSON 数据，并将数据绑定到表格组件上，如下所示：

<template>
  <el-table :data="tableData">
    <!-- 表格列的定义 -->
    <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>
</template>

<script>
import axios from 'axios';

export default {
  data() {
    return {
      tableData: []
    }
  },
  mounted() {
    // 发起 axios 请求获取数据
    axios.get('/api/data')
      .then(response => {
        // 将获取到的数据绑定到表格组件的 data 属性上
        this.tableData = response.data;
      })
      .catch(error => {
        console.log(error);
      })
  }
}
</script>

在上面的代码中，`el-table` 组件的 `data` 属性绑定的是 `tableData` 数组，这个数组最初是空的，当 axios 请求成功后，将获取到的 JSON 数据赋值给 `tableData` 数组即可让表格组件展示数据。在这里，我们假设后端接口地址为 `/api/data`。