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

设计风格

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://blog.csdn.net/wz_coming/article/details/130674510

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_14035.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注