本文涉及到角色权限之外的较多内容（路由相关）会一笔带过，具体功能实现将在后面专题中详细讨论。为了更好的理解本文内容，请先阅读官方的文档说明 # 权限。

文件 src\store\modules\multipleTab.ts 声明导出一个store实例 useMultipleTabStore 、一个方法 useMultipleTabWithOutStore()用于没有使用 setup 组件时使用。

简介前文步骤组件状态管理主要从生命周期的角度介绍了步骤组件实例化时组件之间的状态管理，本文将介绍步骤组件具体实现，耐心读完，相信会对您有所帮助。 更多组件剖析详见 👉 📚 Element 2 源码剖析组件总览 。步骤组件 step.vue步骤条主要功能实现都在该组件中。HTM...

步骤条组件Steps是引导用户按照流程完成任务的分步导航条。当任务复杂或者存在先后关系时，将其分解成一系列步骤，从而简化任务，一半步骤不得少于 2 步。

消息提示组件 Message 常用于主动操作后的反馈提示，顶部居中显示并自动消失，是一种不打断用户操作的轻量级提示方式。本文将分析其源码实现，耐心读完，相信会对您有所帮助。🔗 组件文档 Message 🔗 gitee源码

Notification 在功能配置以及源码实现上与 Message 非常类似，所以部分重复内容本文将不做详尽解释。为了更好理解，请先阅读 Message 组件实现、Message 服务实现。

骨架屏组件Skeleton 常用于在需要等待加载内容的位置提供一个占位图形组合,可以被 Loading 完全代替，但是在可用的场景下可以提供更好的视觉效果和用户体验。

时间轴组件Timeline 常用于垂直展示的时间流信息。 当有一系列信息需按时间排列时，使用时间轴进行视觉上的（正序或倒序）串联。本文将分析其源码实现，耐心读完，相信会对您有所帮助。🔗 组件文档 Timeline 🔗 gitee源码

0x00 前言书接上文，本文将从源码功能方面讲解下 vue-code-view 组件核心逻辑，您可以了解以下内容：动态组件的使用。codeMirror插件的使用。单文件组件(SFC,single-file component) Parser。0x01 CodeEditor组件项目使用功能丰富的codeMirror实现在线代码展示编辑功...

0x00 前言本文将从结构、功能等方面讲解下项目 vue-code-view 的搭建过程，您可以了解以下内容：使用 vue cli 4从0搭建一个组件库及细致配置信息。项目的多环境构建配置。项目网站的发布部署、持续集成。项目NPM包发布。项目组件的自定义 Markdown 解析 loader。本文...

当项目中页面或者 Markdown 文档包含大量代码时，使用 highlight.js 进行代码高亮后极大的增大了阅读性，但是当我们阅读时想要对当前代码进行编辑调试时，只能打开本地开发环境或者跳转至 codepen codesandbox等在线项目示例。即使是很简单的代码示例仍然避免不了上...