寫在前面：
我是「沸羊羊_」，暱稱來自於姓名的縮寫 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發佈
最後
專欄系列文章中難免會出現錯誤，還請大佬們指正！不勝感激。最後，希望此專欄順利誕生！