专栏诞生 --「从0到1搭建自己的UI组件库」

写在前面：

我是「沸羊羊_」，昵称来自于姓名的缩写 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发布

最后

专栏系列文章中难免会出现错误，还请大佬们指正！不胜感激。最后，希望此专栏顺利诞生！