首页 前端知识 我为什么要使用vuetify3做为基础组件去开发公司组件库

我为什么要使用vuetify3做为基础组件去开发公司组件库

2024-06-21 00:06:38 前端知识 前端哥 685 550 我要收藏

设计风格

Vuetify是基于Material Design规范,依靠Material Design的设计优势,在无需编写一行css代码就可以得到非常美观的界面功能,同时Vuetify还具备自适应的能力,可以使用一套代码写出同时兼容手机、平板、web的功能;

Element Plus 是基于Flat Design设计风格;Flat Design强调简洁、扁平化的设计形式,注重图形的表现力,形式简单,主打pc端;

Ant Design Vue则是基于Ant Design风格,主打pc端。

基础组件

从源码components/index 下查看

Vuetify 提供了93个组件,但有17个组件还在开发中,日期组件暂时没有上线的

Element Plus提供了71个组件,6个plugins

Ant Design Vue提供了超过70个组件。

社区

Vuetify Contributions 大多数为外国友人,国内的技术博客上拥有的文章、教程和解决方案等相对较少,且文档为英文,翻译的中文文档部分解释有误;虽然官方文档相对清晰,但与国人的思维不同,学习成本相当于其他组件库来说较高;Vuetify 3的官网示例还是以vue2的语法去编写的。

Element Plus 和 Ant Design Vue Contributions 大多数为国内友人,拥有的文档、教程和解决方案等相对较多,上手比较快。

扩展性

Vuetify 对于自定义和扩展都提供了丰富的插件机制,可以通过创建自己的插件来添加新的组件、指令和自定义主题。

据我了解 Element Plus 没有提供类似的功能,如果需要进行自定义和扩展,可能需要修改源码。

试用 Vuetify 组件库

VTable 基础组件写的比较简单,可扩展性较强,官方也在VTable的基础上扩展了VDataTable组件,功能比较丰富,也可基于VTable 进行二次封装;

VForm 组件没有像Element Plus封装 FormItem,在form层面把rules做掉,而是把 rules 正则验证下放到内部使用的组件上,比如select input等基础组件上有加rules;

总结

Vuetify上手难度相对于国内的组件库来说会大一些,但是扩展性更好,比较适用于大型、复杂、定制化需求较高的项目中;可以以Vuetify为主(基础),Element Plus为辅,搭建属于我们自己的组件库,也可以通过​​Verdaccio​​把组件库部署在我们的服务器上。

​​https://vuetifyjs.com/en/​​

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/13052.html
标签
vuetify3
评论
发布的文章

jquery 笔记

2024-04-08 11:04:27

vue使用echarts报错解决

2024-07-10 22:07:51

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!