Vue Router 是一個實現路由功能的插件，非常適合用于構建單頁應用程序。它提供了一套 API，使用這些 API 可以使得路由的配置非常簡單明了。

對于一個菜單來說，我們首先需要確定它的順序。在 Vue Router 中，可以使用 routes 選項配置路由信息，通過 routes 數組里的對象來表示每個路由。通常情況下，routes 數組里對象的順序就是菜單的順序。當然，我們也可以通過配置路由對象里的 meta 屬性來自定義菜單的順序。

export default [
{
path: '/',
component: HomePage,
meta: { menuIndex: 0 },
},
{
path: '/about',
component: AboutPage,
meta: { menuIndex: 1 },
},
{
path: '/contact',
component: ContactPage,
meta: { menuIndex: 2 },
},
];

如上代碼所示，我們通過在路由對象里添加 meta 屬性，來指定該路由對應的菜單順序。在這個例子中，HomePage 對應的菜單順序為 0，AboutPage 對應的菜單順序為 1，ContactPage 對應的菜單順序為 2。

自定義菜單的順序之后，我們需要在組件內來渲染菜單。通常情況下，我們會在 App.vue 中來渲染菜單。

如上代碼所示，我們通過 v-for 指令來遍歷路由數組來渲染菜單。當菜單對應的路由對象里的 meta 屬性中 menuIndex 的值大于等于 0 時，我們才會渲染該菜單。同時，我們還通過 :class 綁定了一個 active 類來表示當前路由對應的菜單是激活狀態。

綜上所述，Vue Router 菜單順序的配置非常簡單，只需要在路由對象里添加 meta 屬性，并在組件內使用 v-for 指令遍歷渲染就可以了。通過這樣的方式來自定義菜單的順序，可以使得菜單的順序更加合理，用戶也更加容易理解。