本文介绍了如何结合Vue、ElementUI和vue-router实现导航菜单，包括组件代码和路由配置，并分享了作者的前端开发经历及提供前端学习资源。
import sliderMenu from ‘…/components/common/sliderMenu’
sliderMenu.vue 组件核心源码：
<el-menu
:default-openeds=“[‘1’, ‘2’]”
:default-active=“onRoutes”
collapse-transition>
新建
出入库单
产品借出单
产品返回单
存货调价单
查询
出入库单
进销存汇总表
产品出入库记录
公司资产表
产品借出表
产品返回表
存货调价单
审核出入库单
管理材料板信息
查看操作日志
路由配置文件（router文件夹下index.js）源码如下：
import Vue from ‘vue’
import Router from ‘vue-router’
import Login from ‘…/components/Login’
import Index from ‘…/components
最低0.47元/天 解锁文章
8144
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
