如何从ElementUI的el-divider组件源码中提取灵感，打造一个长尾关键词的分割线？

本文共计2034个文字，预计阅读时间需要9分钟。

目录+正文+组件需求分析+组件中用到的知识点+函数式组件+函数式组件的两种定义方式+解决一个元素太粗的常见问题+组件封装+组件封装的效果图+组件封装的代码+正文+本章节内容记录

目录

• 正文
• 组件需求分析
• 组件中用到的知识点
• 函数式组件
• 函数式组件的两种定义方式
• 解决一像素太粗的问题
• 组件封装
• 组件封装的效果图
• 组件封装的代码

正文

本篇文章记录仿写一个el-divider组件细节，从而有助于大家更好理解饿了么ui对应组件具体工作细节。本文是elementui源码学习仿写系列的又一篇文章，后续空闲了会不断更新并仿写其他组件。源码在github上，大家可以拉下来，npm start运行跑起来，结合注释有助于更好的理解。