前端開發中，經常需要實現菜單加載功能。Vue框架提供了多種方式來實現菜單加載，下面我們介紹兩種常用的方式。

第一種是使用Vue Router。我們可以在Vue Router的配置文件中定義路由表，然后通過v-for指令動態生成菜單。下面是一個簡單的示例代碼：

const routes = [
{
path: '/',
component: Home,
children: [
{
path: '/about',
component: About
},
{
path: '/contact',
component: Contact
}
]
}
];
// ...
<template>
<div id="menu">
<ul>
<li v-for="route in routes[0].children">
<router-link :to="route.path">{{ route.path }}</router-link>
</li>
</ul>
</div>
</template>

第二種是使用Vue組件。我們可以定義一個菜單組件，然后通過props屬性傳遞路由表數據。下面是一個簡單的示例代碼：

<template>
<div id="menu">
<ul>
<li v-for="route in routes">
<router-link :to="route.path">{{ route.path }}</router-link>
</li>
</ul>
</div>
</template>
<script>
export default {
props: ['routes']
}
</script>

以上兩種方式都可以實現菜單加載功能，選擇哪種方式取決于實際情況。通常情況下，使用Vue Router比較方便，但是如果我們需要在菜單中添加一些自定義的內容，那么使用Vue組件更加靈活。