封装属于自己的组件库 - VUE
「适合人群:一起聊聊组件这件事」
「观看时间:30min」
「说明:一些经验分享,欢迎探讨」
前言
现目前,vue 社区下大大小小的组件库是越来越多,优秀的开源组件也越来越丰富,比如
PC:View ui,Element ui, BootstrapVue ,Ant Design Vue,微软的MS Design,地图的:vue-baidu-map,vue-amap,图表的vue-echarts,vue-easetable,还有其它很多很多
Mobild:Vux,Vant等,最近火热的Futter
那么,在框架搭建之前如何选择一个合适的组件库,在开发过程中如何挑选优秀的开源组件,公用的部分如何封装为业务组件,项目积累下来的功能组件如何去积累维护,是我们该去思考的
如何选择一个合适的组件库(选型)
不管是快餐项目型还是架构持续完善型的架构,在搭建架构时,选择一个可靠合适的 UI 组件库至关重要,关系着系统架构后期的维护,组件的积累,项目的沉淀。一旦选择了一个不成熟的组件库,整套架构就会处处踩坑。那么如何选择一个合适的组件库
对比
1.1 对比 github-Star 的数量,能够从侧面反映开源项目的受欢迎程度
1.2 对比组件美观和交互体验,快餐型架构可以选择特定业务关系相似的框架
1.3 对比社区,一个相对完善和活跃的社区对组件的维护将会越来越完善
1.4 对比 API 的稳定性,完善性,对于开发人员来说,可靠的 API 再重要不过了
实践 + 实现
2.1 不管是组件库还是一个功能组件,实践是检验组件是否好用最真实的做法,将你选择的组件自我使用体验以得到最真实的反馈
符合业务
根据自身业务去选择对应的技术方案,会给开发过程减少一些不必要的麻烦,业务型和展示型的业务选择对应的 UI 框架会事半功倍