4.29 tag的完整实现和登录页面的初步搭建

解释了v-for中每个属性的作用：

打印当前route的信息：（里面会有path的信息）当前的路由信息吧！

handleMenu() 菜单选择！点击左侧菜单的栏目就会显示在Home.vue的tag上

这个方法的作用是让Home.vue上出现对应的tag标签！！

collapse-transition:取消折叠的动画过渡！（不然就会出现卡卡的样子）

path一般长什么样呢？？

因为根本没有other这个页面，所以说不需要在前面加斜杠！

实现：点击左侧菜单，对应的菜单文字显示蓝色。default-active

CommonAside.vue

pinia的状态管理还是没有学会哇！！

实现的gif效果图：

上面实现的的是点击菜单栏右侧出现对应的tab栏，现在要实现点击右侧的tab标签跳转到对应的页面，总之这是相互的过程。

相互的两个函数还是相同的

selectMenu其实就是在创建之前没有的tab了！！

实现：点击关闭tab右边的小叉叉！

如果删掉的不是当前的页面，那么直接删掉就可以了，但是如果删掉的就是当前的页面，那么就要跳转到前一个页面上去！

不使用这个currentMenu完全没影响啊

如何设置点击按钮的居中呢？？

这样子是最推荐的写法！（感觉样式真的很难搞的样子）

权限的管理：

api.js 这是做啥？

要注意这里的匹配！！！

点击登录按钮成功跳转到home页面啦！