vue3+element-plus后台系统分析笔记（2）---sidebar的业务逻辑

sidebar的业务逻辑：

背景：由于后台管理系统，主要的场景之一就是，登录用户的权限，其中包括了路由权限，或者是操作权限

那么就有了根据不同的用户账号，展示不同的路由树。

sidebar就是前端呈现，它的逻辑就是，根据routes全部的数组作为数据源，登录的用户角色的路由数组作为数据列表，进行数组的迭代遍历

这个

userPermissionMenu数组是保存在数据管理里面的，循环遍历后过滤的用户角色对应的数组

这个函数的作用就是用来循环迭代遍历的

就是整体遍历routes,；两层循环，这个函数就是直接迭代循环进最里面的child，并将用户角色对应的路由重新塞进原来的children里面，最后将这个大对象push进新的数组中，这样就完成的原来routes的遍历替换

而在视图中，如果有child就重新迭代视图，遍历child数组，直到形成一个完整的sidebar-menu树