简介前文步骤组件状态管理主要从生命周期的角度介绍了步骤组件实例化时组件之间的状态管理，本文将介绍步骤组件具体实现，耐心读完，相信会对您有所帮助。 更多组件剖析详见 👉 📚 Element 2 源码剖析组件总览 。步骤组件 step.vue步骤条主要功能实现都在该组件中。HTML模板渲染成一个类名el-step的div元素，元素包含两部...

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

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

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

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

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