实现过程中，我们将会分成三大步来实现： 创建、渲染基本的面包屑组件 计算面包屑结构数据 根据数据渲染动态面包屑内容 具体实现 他分成了两个组件： el-breadcrumb：包裹性质的容器 el-br

最终效果 实现思路 思路很简单，就是通过点击事件改变el-menu菜单的collapse属性，及其左侧menu菜单的宽度， 当然这个还有一个伸缩动画，用transition去实现就行了 具体实现 样式

编辑库选择标准 对于现在的前端编辑库富文本而言，如果仅从功能上来去看的话，那么其实都是相差无几的。随便从 github 中挑选编辑库，只要 star 在 10K（保守些） 以上的，编辑器之上的常用功能

一、RBAC 权限控制体系 要实现动态Menu，我们需要先来统一一下认知，明确项目中的权限控制系统。 网上找了张图，我们可以大致的看下 从图中，我们可以简单的这样理解RBAC 权限控制体系。 用户：我

在 views 中 login 文件夹，创建 index.vue 文件，书写登录界面， 都是一些基本的UI操作，我下边直接粘贴出代码， 在 router/index.js 中增加以下路由配置 其中的一

使用 vue-cli 创建一个Vue3项目 首先你看下你电脑上vue-cli脚手架的版本 vue-cli版本保证在4.5.13及其以上就行， 如果你需要升级版本，那么可以通过以下指令进行升级： 创建项

一、后台管理系统的普遍性 对于后台系统而言，相信只要是前端开发的工程师，那么就不陌生了。 根据网上有效数据统计和本人的工作经验，在 初、中级的前端开发者中，日常的工作主要内容，基本都是书写后台管理系统

先看看最终的效果吧，这样更有助于后面代码逻辑的实现。 布局实现效果分析 我们看第一张图片，可以分析得出 整个导航标签组件（我们最终会封装成一个组件，便于后期其他项目的移植使用），由标签按钮和右侧弹窗层

为什么我要写这个项目呢，后台业务在项目中是很常见的，而市面上的后台框架其实都很好，但是很多时候感觉封装的很深，所以是想要自己搭建一个框架方便后面自己使用，也可以通过这种方式分享下经验和心得