本文分别使用SFC（模板方式）和tsx方式对ElementPlusel-menu组件进行二次封装，实现配置化的菜单，有了配置化的菜单，后续便可以根据路由动态渲染菜单。1数据结构定义1.1菜单项数据结构使用element-plusel-menu组件实现菜单，主要包括三个组件：el-menu：整个菜单；el-sub-menu：含有子菜单的菜单项；el-sub-menu：没有子菜单的菜单项（最末级）；结合菜单的属性和展示效果，可以得到每个菜单项包括：菜单名称、菜单图标、菜单唯一标识、子菜单列表四个属性。于是可得到菜单项结构定义如下：/***菜单项*/exportinterfaceMenuItem{/
