ElementUI是一種非常流行的基于Vue.js的組件庫，它提供了許多常用的UI組件和布局，例如導航菜單。我們可以使用JSON格式的數據來指定菜單的內容，這樣可以方便地更新和管理菜單。

[{
"title": "首頁",
"icon": "el-icon-s-home",
"route": "/"
}, {
"title": "用戶管理",
"icon": "el-icon-user",
"children": [{
"title": "用戶列表",
"route": "/user/list"
}, {
"title": "添加用戶",
"route": "/user/add"
}]
}, {
"title": "文章管理",
"icon": "el-icon-notebook-2",
"children": [{
"title": "文章列表",
"route": "/article/list"
}, {
"title": "添加文章",
"route": "/article/add"
}]
}]

上面的代碼定義了一個簡單的導航菜單，包含三個主菜單和對應的子菜單。每個菜單項包含三個屬性：

• title: 顯示在菜單中的文字
• icon: 用來代表菜單的圖標，可以使用ElementUI提供的圖標或自定義圖標
• route: 跳轉路由的路徑，點擊菜單時導航到相應的頁面

如果一個菜單項包含子菜單，則可以使用children屬性來定義。子菜單項可以和主菜單項一樣包含title和route屬性，但不需要包含icon屬性。

使用JSON格式的數據來定義導航菜單，有利于管理和維護菜單，避免了在代碼中硬編碼菜單，當菜單需要更新時，只需要修改JSON數據即可。同時，JSON數據也可以動態地從后端獲取，使得菜單變得更加靈活、可擴展。