【前端技术选型】Vue.js的UI组件库选择之2020

1,649 阅读2分钟

背景

最近,刚好在开一个全新的Vue项目,就顺手做了个2020年Vue前端UI框架的调研。其实,之前国内Vue的UI框架这块基本是饿了么团队出品的Element UI一统天下的,但近两年随着Ant Design的风靡、以及Vue3.0的蓄势待发,而随着饿了么被收购,GitHub上Element UI的饿了么前端仅剩一人在维护,是时候在2020年重新审视下Vue的UI组件库局势了。 也恰好作为我的第一篇掘金小文,希望能给有一样需求的同学们带来一些帮助。

现有Vue前端UI组件库对比

根据GitHub上排名,选择了下面7个目前较受欢迎的UI组件库,对基本信息进行了一些比对。 下面我们再看下各个UI组件库GitHub上的Contributions统计对比: 以及各个UI组件库GitHub上近一年的Commits统计: 可以看到,element的更新频率自2019下半年开始明显下降:(,而Vuetify、Quasar以及Bootstrap-vue几个国外UI库表现颇为优秀。国内的Ant Design Vue也获得了ant design官方推荐,作者也表示正在兼容Vue3.0,同样不容小觑。

最后,我们来看下几个UI组件库近一年的npm下载量对比: 不得不说,过去这一年Vuetify的用户下载量遥遥领先Good!

UI组件库的选择

最后,相信看了上面的一些对比,很难不注意到Vuetify这个采用谷歌Material Design风格的UI组件库,界面设计非常美观现代。如果你的项目是To C的,选择Vuetify不失为当下一个很好的选择;如果你的项目是To B的PC端产品,可以考虑Ant Design Vue,毕竟采用的是国内大名鼎鼎的ant design设计风格,组件的功能和交互设计真的是很适合开发企业后台产品了,页很符合国人的审美和使用习惯。

最后的最后,其实Element UI的现有版本提供的组件是足够支持Vue2.0开发了的,但是Vue3.0要来了,Element后续是否支持仍然是个未知数,在此呼吁下,官方什么时候给个说明啊...

恕我愚昧了,刚刚看到element-ui作者在知乎上的回答 换仓库了,叫element-plus,还在高强度的开发中,不知道对于使用老element的旧项目的3.0迁移官方会有什么方案,至于新项目,还是可以期待一下。