Vue Admin是一個基于Vue.js和Element UI的可自定義管理員項目。Vue Admin提供了一個完整的模板來創建一個跨越Web客戶端和移動設備的模塊化和可可擴展的管理面板。

Element-UI是Vue.js的桌面端組件庫，提供了一組常見的UI組件。Vue Admin結合Element-UI和Vue.js，使得UI的設計部分更加統一，開發人員可以簡單快捷地定制化Vue Admin，默認的樣式，并不難調整和擴展。

Vue Admin路由管理主要包含兩部分：第一部分是基于Vue.js的路由配置，它可以如下所示：

const routes = [
{
path: '/',
name: 'home',
component: () =>import('@/views/home/index'),
meta: { title: '首頁', icon: 'home', affix: true }
},
{
path: '/login',
name: 'login',
component: () =>import('@/views/login/index'),
hidden: true
},
...
]

上述代碼以注冊的路由層次結構來定義Vue模板中的各個頁面。每個路由都由幾個關鍵信息組成：path是路由地址，name是路由名稱（用于跳轉和創建動態路由），meta用于響應的面包屑，另外，上述路由表中的login是一個隱藏的路由，這意味著系統將不會在側邊欄中顯示這個路由。

第二個部分是左側菜單欄的管理。Vue Admin的左側菜單欄是Vue路由的子集，而且它是與以Vue.js編寫的路由同步的。下面是示例代碼：

export const constantRoutes = [
{
path: '/',
component: Layout,
redirect: '/dashboard',
children: [{
path: 'dashboard',
name: 'Dashboard',
component: () =>import('@/views/dashboard/index'),
meta: { title: 'Dashboard', icon: 'dashboard', affix: true }
}]
},
{
path: '/login',
component: () =>import('@/views/login/index'),
hidden: true
},
...
{
path: '/404',
component: () =>import('@/views/404'),
hidden: true
}
]

在Vue Admin應用程序的路由配置中，有一個路由樞紐(Layout)，它是一個Vue組件，可包含其他組件，例如header、sidebar和主體部分。在這個Layout中，Vue Admin將sidebar組件用Vue-router組建的children屬性同步處理。這將使Vue Admin的左側菜單欄根據路由配置自動生成。

總結一下，Vue Admin路由的核心概念是無狀態路由的組合（通過Vue-router配置）和組件的嵌套。這些核心概念是Vue Admin的基本良好功能的基礎。你可以使用Vue Admin的路由來導航到不同的頁面，可以通過左側菜單欄自動創建路由，還可以使用動態添加路由。