第七章 项目布局实现（7.3.2）——左侧菜单组件实现

7.3.2 左侧菜单组件实现

参考：https://cn.element-plus.org/zh-CN/component/menu.html

1. 在 src/layout/layoutAside 新建 menu 子文件夹，创建 SubMenu.vue 组件。

   <script setup lang="ts">
   defineProps(['menus']);
   </script>
   
   <template>
     <template v-for="menu in menus" :key="menu.path">
       <el-sub-menu v-if="menu.children && menu.children.length > 0" :index="menu.path">
         <template #title>
           <i :class="menu.meta.icon" m1 />
           {
       { menu.meta.title }}
         </template>
         <!-- 递归嵌套 -->
         <SubMenu :menus="menu.children" />
       </el-sub-menu>
       <el-menu-item v-else :index="menu.path">
         <template #title>
           <i :class="menu.meta.icon" m1 /&