antd是一個面向React的UI組件庫，ANT Design官方還提供了一個提供了一套基于Vue的UI組件庫，名為Ant Design Vue。如果想要使用Ant Design Vue菜單，需要先安裝它們的同名npm包。

npm install ant-design-vue --save

在注冊菜單（Menu）之前，需要將Ant Design Vue的組件注冊為Vue組件。一種常用的方法是使用Vue.use()方法來自動調用組件的install()方法。在main.js文件中添加如下代碼：

import Vue from 'vue';
import { Input, Button, Menu, Icon } from 'ant-design-vue';
Vue.use(Input);
Vue.use(Button);
Vue.use(Menu);
Vue.use(Icon);

現在，Ant Design Vue的組件就已經注冊到了全局?？梢栽趖emplate標簽中使用這些組件了。例如：

<template>
<div>
<a-menu mode="inline" :default-selected-keys="['1']">
<a-menu-item key="1">
<i class="anticon anticon-home"></i>
<span slot="title">Home</span>
</a-menu-item>
<a-menu-item key="2">
<i class="anticon anticon-info-circle"></i>
<span slot="title">About</span>
</a-menu-item>
<a-menu-item key="3">
<i class="anticon anticon-profile"></i>
<span slot="title">Profile</span>
</a-menu-item>
</a-menu>
</div>
</template>

在這段代碼中，a-menu被用來創建一個菜單。使用mode屬性可以設置菜單是否水平橫向（horizontal），或者垂直豎直（vertical）等。使用default-selected-keys屬性設置默認選中的菜單項。

a-menu-item表示一個菜單項。我們可以為其設置唯一的key屬性，用于標識該項?？梢酝ㄟ^slot="title"插槽添加菜單項的顯示文本內容。也可以在a-menu-item標簽內部添加圖標等其他內容。

除此之外，Ant Design Vue的菜單組件還提供了很多其他的功能。例如可以添加子菜單、為菜單項設置禁用狀態、設置菜單樣式等等。建議在使用前仔細查看官方文檔。