在web開發中，表格是一種常見的數據呈現形式，而JSON是一種廣泛使用的數據格式。Element UI是一套為開發者提供的基于Vue.js框架的UI組件庫，其中包括了表格組件。本文將介紹如何使用Element UI中的表格組件加載JSON數據。

首先，我們需要安裝Element UI組件庫。方法如下：

npm install element-ui --save

接下來，在Vue.js中引入Element UI組件庫：

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

現在，我們已經成功引入Element UI組件庫，可以開始使用表格組件加載JSON數據了。下面是一個簡單的示例：

<template><el-table :data="tableData"><el-table-column prop="id" label="ID"><el-table-column prop="name" label="名稱"><el-table-column prop="address" label="地址"></el-table></template><script>export default {
data() {
return {
tableData: []
};
},
mounted() {
this.loadData();
},
methods: {
loadData() {
const that = this;
axios
.get('https://example.com/data.json')
.then(function(response) {
that.tableData = response.data;
})
.catch(function(error) {
console.log(error);
});
}
}
};
</script>

上面的代碼中，我們使用了一個名為tableData的數組來存儲JSON數據，使用了mounted()鉤子函數來在頁面加載時自動加載數據。我們使用了el-table和el-table-column標簽來定義表格的結構和列，使用了prop和label屬性來定義每一列的數據源和列名稱。我們使用了axios庫來向服務器請求JSON數據，并在請求成功后將數據存儲到tableData數組中，最終在頁面上呈現出表格。

總之，使用Element UI的表格組件加載JSON數據非常簡單，只需要定義好表格結構和數據源，然后使用axios等工具向服務器獲取數據即可。