vue3-element-plus后台管理系统分析笔记------main

main部分包含的内容有navbar和面包屑，tag按钮，还有就是app-main

1.navbar：展开按钮，面包屑

展开按钮的作用就是，将sidebar展开和隐藏，点击就会改变状态管理的open变量，控制的就是展开和隐藏以及一些class动态切换

面包屑：监听当前路由的全部路由，过滤出数组循环利用element-plus面包屑循环展示出来，如下：

2.tag数组展示：主要包括了affix部分以及当前打开的路由tag

因此在组件的，，mounted钩子里面，首先是inittag和add当前的routetag

删除tag的逻辑，就是调用数据状态中的删除函数，只要过滤出不包含删除的tag，返回过滤的数组，如果删除的时当前路由的tag，需要跳转到当前tag数组中最后一个。