Vue Element NavMenu 是一個能夠快速構建導航菜單的 Vue 組件。它支持多種類型的菜單，包括垂直菜單、水平菜單和折疊菜單，且能夠完成常見的導航菜單功能，如選中狀態、展開狀態、路由跳轉等。

下面是一個簡單的示例，展示如何使用 Vue Element NavMenu 創建一個基本的垂直菜單：

<template>
<div>
<el-menu :default-active="activeIndex" class="nav-menu"><el-menu-item index="1">菜單1</el-menu-item>
<el-menu-item index="2">菜單2</el-menu-item>
<el-submenu index="3">
<template slot="title">
<i class="el-icon-location"></i>
<span>菜單3</span>
</template>
<el-menu-item index="3-1">子菜單1</el-menu-item>
<el-menu-item index="3-2">子菜單2</el-menu-item>
</el-submenu>
</el-menu>
</div>
</template>
<script>
export default {
data() {
return {
activeIndex: '1'
};
}
};
</script>

在上面的代碼中，我們使用了 ElMenu 組件來創建導航菜單。它的 default-active 屬性設置了默認選中的菜單項。我們使用 ElMenuItem 組件來添加普通的菜單項，使用 ElSubMenu 組件來添加帶有子菜單的菜單項。注意，ElSubMenu 組件需要使用 slot="title" 指定其標題。

除了上面展示的示例之外，Vue Element NavMenu 還提供了許多其他屬性和事件，允許我們自定義菜單的樣式與功能。詳細信息請參考官方文檔。