BCVP.VUE3系列第八课：丰富面包屑组件
💡
原文中文，约2900字，阅读约需7分钟。
📝
内容提要
本文介绍了VUE3自学教程，涵盖项目初始化、Axios请求封装、登录页设计等内容，重点讲解了左侧功能菜单和面包屑组件的实现，使用Element-Plus组件库并进行了图标优化。后续将讲解页面tabs标签功能。
🎯
关键要点
-
本文介绍了VUE3自学教程，涵盖项目初始化、Axios请求封装、登录页设计等内容。
-
重点讲解了左侧功能菜单和面包屑组件的实现，使用Element-Plus组件库并进行了图标优化。
-
封装了ToolBarLeft组件，包含左侧菜单的折叠与展开功能和面包屑。
-
使用状态管理器实现菜单的展开和折叠状态的响应式更新。
-
修改了左侧菜单的图标，使用element-plus自带的图标替代之前的fa图库图标。
-
后续将讲解页面tabs标签功能。
❓
延伸问答
VUE3自学教程的主要内容有哪些？
主要内容包括项目初始化、Axios请求封装、登录页设计、左侧功能菜单和面包屑组件的实现等。
如何实现左侧功能菜单的折叠与展开功能？
通过封装ToolBarLeft组件和CollapseIcon组件，使用状态管理器响应式更新菜单状态。
面包屑组件是如何封装的？
面包屑组件通过遍历当前路由的父级和祖级路由，利用element-plus的官方组件进行渲染。
为什么要修改左侧菜单的图标？
为了使用element-plus自带的图标替代之前的fa图库图标，提升整体效果。
后续的教程将讲解哪些内容？
后续将讲解页面tabs标签功能。
如何使用状态管理器更新菜单状态？
通过调用globalStore的setGlobalState方法来更新isCollapse状态，实现菜单的响应式更新。
➡️
