el_table 是一款基于 Vue.js 的表格組件，它可以非常方便地處理數據的展示和管理。其中，JSON 數據是表格組件最常見的數據格式，因為它可以直接轉換成表格的行列數據。下面我們來了解如何在 el_table 中使用 JSON 格式的數據。

{
"data": [
{
"name": "張三",
"age": "22",
"job": "工人"
},
{
"name": "李四",
"age": "30",
"job": "教師"
},
{
"name": "王五",
"age": "25",
"job": "設計師"
}
],
"columns": [
{
"label": "姓名",
"prop": "name"
},
{
"label": "年齡",
"prop": "age"
},
{
"label": "職業",
"prop": "job"
}
]
}

上面的代碼展示了一個 JSON 格式的數據示例。其中，data 中是表格的行數據，每個對象代表一行，對象中的屬性代表一列，比如 name、age 和 job。columns 中則是表頭的信息，每個對象代表一列，其中 label 表示列標題，prop 表示對應的行數據屬性名稱。這種方式的好處是非常直觀，代碼易于維護。

在 el_table 中使用 JSON 數據，只需要將 JSON 數據綁定到 table 數據源上即可：

在上面的代碼中，我們通過 :data 屬性將 JSON 數據綁定到表格的數據源上，然后通過 v-for 指令和 el-table-column 組件將表頭信息動態生成。這樣就可以自由地控制表格的展示和列順序了。

總的來說，使用 JSON 數據在 el_table 中展示數據非常方便，讓我們可以更加專注于業務數據的處理，而不必在視圖方面花費太多的時間。