现阶段应该使用什么 Vue 的 UI 框架?

现阶段应该使用什么 Vue 的 UI 框架?

2024-6-9 更新

时间很快啊,几年过去了,无意中看到还有人点赞这个回答就更新一下。经过几年的时间现在可选项越来越多了,TDesign、Arco Design、Semi Design 等等设计风格一个一个的出现,还有 Headless 配合 Tailwind CSS 的这种开发理念,选择起来愈发的困难了。他们更贴合国内的审美方式、更年轻化的审美与设计确实让人眼前一亮,也在不断做着自己的生态和平台,这是值得高兴的事儿,开源本身就挺困难,有大厂背书能够让人用起来更安心。

但我今年接手的 Vue 项目还是大都选择使用 Quasar 进行开发了。有用过 TDesgin 和 Arco Design 进行开发,但是实践下来发现只有 Quasar 对于组件扩展这块的支持还是最好的,例如表格的扩展,弹出框的扩展,后面两者的 api 和 Quasar 比起来都差很多,只是阅读英文文档和问题解决会比较麻烦,对于程序员来说也是绕不开的。

具体选择哪个还是根据业务来定会更好

-----

2021-7-10 又双叒更新

Quasar Vue3 已经正式发布了,但是他的相关测试的 EXT 还没有完成,这点比较遗憾。基于 Webpack 5 的虽然很棒,但是我更希望看到的还是基于 Vite 的,事实上他们也正在做这个事儿,ROADMAP预计在第四季度完成对于 Vite 的整合。当然你也可以自己进行整合。

另一方面,Vuetify 也到了 v3.0.0-alpha.9 版本,Release 也快了。值得注意的是,Vuetify v3 是已经整合了 Vite 的

经过那么久,两个喜欢的框架都已经陆陆续续的发布了,还是很开心的。新的版本也是基于渲染函数写得,不得不说这一点真的非常喜欢,虽然在 vue3 中他们的性能差距并没有那么大了,但是他们依旧保持这一点很棒!国内好像没有用渲染函数的吧?(不确定。。。)

Element-plus 已经发布很久了,用了一个小项目,但是真的存在一些坑,看一下 npm 上的版本记录,全是 beta 或者 alpha,没有一个真正的正式版,甚至超过 50 多个 beta 版本,发布记录中也是几天一个 beta 版本,一个版本超过十个 fix。也是好事,也是坏事。这说明了他不够成熟,用在生产环境存在一定风险,但也说明了相比于 vue2 的 element,换了一批人以后活跃度高了很多,issue 也一直保持在一个稳定的水平和积极解决问题的状态,总的来说还是很期待的。但是感觉还是比较适合属于学习吧,公司肯定不会让他上生产的。

也许会迟到,却不会缺席。(算是迟到吗?)

2021-2-3 又双更新

Quasar Vue3 Beta 发布了

2021-1-12 再次更新

今天 Quasar 发推,2021 Q1 vue3 的公测版本快来了,但是没有 SSR,见

Vue3 出了一段时间了,再次来看目前的这个回答,看到了各种的评论、

有说我是后端的,有说 MD 的,也有说我审美的。个人的看法、立场、角度不同而已,相反有那么多人讨论倒也给其他同学更多的选择。

这次更新是因为 Vue3 RELEASE 已经很久了。对于我推的这两个框架,想要等到支持 Vue3,还是需要不少时间的,Vuetify 明确了明年 Q3 才会正式版,Quasar 的 Vue3 测试版估计也有几月时间吧。这期间出现了很多 Vue3 的组件库,比如 element-plus/element-plus、vueComponent/ant-design-vue 亦或者 youzan/vant 都在积极的跟进。

但我依旧保留我的观点,依旧会等待 Vuetify 和 Quasar 的 Vue3 版本。

目前对于国内很多组件库没有 CSS 类的支持,我是使用 tailwind 来支持的。

同时安利一波 vitejs/vite。前后端的问题大家不必讨论,仁者见仁智者见智,两者谁都离不开谁,都在互相学习互相促进互相进步。如果你介意这是一个后端推荐的回答,大可不必继续看下去。目前我是全栈状态,前后端均有涉猎,不过前端更加是因为兴趣使然吧。前段时间甚至还迷上了 syncfusion Demos, Examples of Syncfusion Vue UI Components

好吧我不是专职前端,只是一个对前端比较感兴趣的后端,但也写了几年前端,虽然不是很深入,但是哪些提高了自己的开发效率还是很明白的。

我喜欢 MD,他们正好做了这事儿。不喜欢写 CSS 因为他太费时间了,特别是某些微调和布局方面,从table到float到flex布局,遇到各种写法混合太头痛了(历史遗留,基础不一),还有高度坍塌,伪元素,阴影处理,字体图标啥的太麻烦了。自己希望尽可能的避免花时间处理这些问题。

但是始终是做后端的,大家看看即可,至于好不好请自行判断。

另外非广告,只是自己个人体验罢了。我一个后端跑来给前端框架打广告?有点脑子的人也不会这么傻吧。

还有就是英文文档的问题。。。个人觉得这个行业看不懂英文文档算是很难走下去的吧,不管是真的懂英文也好,还是通过翻译的也好,能看懂英文文档应该是必备的技能。纯属个人观点,。。

—————————————原回答————

就安利两个!绝对良心!(手动狗头)

Vue 的 UI 框架很多!但是这两个真的 碾压一切!(从使用体验上来说,未探究源码)

我自己用过的vue 的 ui 框架真的不少,elementui、iview(还开了会员)、ant-design、bootstrap-vue 这些都试过。我个人是很怕写 Css 的,特别是重复的 Css 写着真的累,何况自己是个后端(手动狗头)。

然而在使用 Vuetify 和 Quasar 以后,就无法自拔了。我写一个后台项目,自己写的 css 不超过 100 行。个人觉得这才是一个好的 ui 框架应该带来的"变革",而不仅仅是只有组件就完事。

Quasar 的功能比 Vuetify 强大,说白了就是 Quasar 封装的东西更多。这些东西也可以自己在 vuetify 里面封装的,比如 Notify。

所以现在我用了他们两,用熟了开发效率真的高了不少!到后面你想布局成什么样、希望div是什么样几乎一瞬间你就可以想到应该用哪几个class进行组合就可达到你的效果。然后真的真的真的真的真的真的真的真的真的真的真的真的真的真的就不想用其他的了,原谅我被他们惯坏了-0-

题外话:pug+stylus 食用天爽!(划掉,目前pug已经几年没有更新了,stylus 也换到和和框架统一的 sass 了,可惜)