写在前面：
我是「沸羊羊_」，昵称来自于姓名的缩写 fyy ，之前呕心沥血经营的博客因手残意外注销，现经营此账号。
本人是个小菜，正向着全栈工程师的方向努力着，文章可能并不高产，也很基础，但每写一篇都在用心总结，请大佬勿喷。
如果您对编程有兴趣，请关注我的动态，一起学习研究。
感谢每位读者！
文章目录
前言
相信每个前端最常做的事就是封装组件吧，如今热门的前端框架都是基于组件的，有一些大佬们帮我们封装了很多组件，比如热门组件库：element-UI，Ant Design，移动端的 vant ，FrozenUI 等等，这些组件库帮了我们大忙，每次使用这些组件时，都不禁感叹他们的伟大。那从今天开始我们也来做个“伟大”的人，我们自己也可以封装向那些热门组件库一样的属于自己的组件库。
拥有自己组件库的好处
- 方便开发使用
- get 封装组件技能
- 学会自己造轮子
- 将组件库开源到 github，有属于自己的开源项目
开通专栏
今天小编会开通一个 「从0到1搭建自己的UI组件库」的专栏，会日常更一系列文章，感兴趣的朋友可以关注点赞评论收藏一条龙！此专栏封装组件会以 element-ui 组件库为模板进行封装，大概会封装10个左右常用的组件，一篇文章一个组件，所以，本专栏大概会有10余篇文章。至于更新频率，由于小编边做项目边总结学习，所以更是一定会更的，频率大概会以一周一篇的频率发布。
涉及知识点
封装组件的过程中，大概会用到以下知识点，大多比较基础，如果有的不了解不会使用也没关系，会随着封装组件讲解并实践使用这些知识点。一个专栏下来，这些都是小 case！
- vue基础语法
- 组件基本语法
- 组件通讯(sync，provide，inject)
- 插槽
- props 校验
- 过渡与动画处理
- 计算属性与监听属性
- v-model 语法糖
- vue插件机制
- npm发布
最后
专栏系列文章中难免会出现错误，还请大佬们指正！不胜感激。最后，希望此专栏顺利诞生！