松哥之前写了两篇文章和大家分享了 TienChin 项目中的菜单数据问题，还没看过的小伙伴请戳这里： Vue 里，多级菜单要如何设计才显得专业？ TienChin 项目动态菜单接口分析 这两篇文章主要

路由权限概览 和原先vue2版本的流程相似 约定数据格式 和后端确认数据格式 路由设计 路由搭配vuex，sessionStorage，NProgress食用

上一章主要完善后台管理系统基础布局和项目结构 Vite2 + vue3 + TS + ElementPlus 从零搭建后台管理系统（三） 这一章开始完善基础布局组件 1. 完善 aside 菜单组件

垦荒vue3+vite+ts项目开发，有需要的可以作为参考配置，集成了权限管理，store仓库，踩了一些vite的坑！！！

本文记录了从零搭建系统的过程及遇到的各种问题，框架使用Vue3.0 + ElementPlus,使用Vite搭建项目，Axios请求数据，MockJs模拟数据返回，Pinia状态管理。将完整的搭建思路

该项目git地址 结合项目源码更容易看懂 代码更完整 思路 我是按照动态路由的模式来生成的 menu 所以我在 mockjs 中的 数据定义如下 然后找到 官网中的 menu 进行 for 循环遍历

本文分别使用 SFC（模板方式）和 tsx 方式对 Element Plus *el-menu* 组件进行二次封装，实现配置化的菜单，有了配置化的菜单，后续便可以根据路由动态渲染菜单。 ## 1 数据

想要实现的功能就是根据路由信息自动生成对应的菜单。 最主要的变化还是第二个，下面我会把涉及到的内容以我的理解讲出来，如果有理解更到位的大佬，欢迎指教哦。当然最基础的jsx与ts用法下面就不说了。至于jsx写法与传统vue文件写法两者的优缺点，网上的大佬已经说了很多了，主要看自己…

好久都没有写过文章了，主要是因为还是觉得自己才疏学浅，如果把自己学到的东西以那种类似教程的形式写出来的话，怕误认子弟。然后自己也还没有工作，也没有什么好的工作经验可以分享。