vue el submenu 是一個基于 Vue.js 的下拉菜單組件，可以在 Vue.js 中輕松地實現彈出菜單的效果。

安裝 vue el submenu 非常簡單，只需在終端中輸入以下命令：

npm install vue-el-submenu

接下來，在您的 Vue.js 組件中引入 vue el submenu 組件：

import ElSubmenu from 'vue-el-submenu';
export default {
components: {
ElSubmenu,
},
}

現在，我們可以開始使用 vue el submenu 組件了！首先，在您的組件中添加一個菜單：

<el-submenu index="1">
<template slot="title">
菜單標題
</template>
<el-menu-item index="1-1">菜單項1</el-menu-item>
<el-menu-item index="1-2">菜單項2</el-menu-item>
</el-submenu>

其中，index 屬性用于設置菜單的唯一標識符，title 用于設置菜單標題，slot="title" 表示將 title 插入到組件的 title 插槽中。

現在，當用戶點擊菜單標題時，彈出菜單將顯示菜單項1和菜單項2。您可以使用相同的方式添加更多的菜單和子菜單。