前端:Element UI 与 Vuetify 的选择

vuetify优势

1、多端适配,Vuetify完全按照Material设计规范进行开发,每一个组件都经过精心设计,具有模块化、响应式和优秀的性能。 使用独特和动态的 布局 自定义您的应用程序,并使用 SASS 变量 自定义您的组件的样式。只需要做下对应适配就可以在其平台上运行

2、Vuetify有一个非常活跃的开发周期,并且每周都有补丁,以极快的速度响应社区问题和报告,使您能够更经常地进行错误修复和增强. 此外,每个主要版本都附带18个月的长期支持。

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

ElementUI优势

1、主要因为Element是国内开发团队,开发文档风格、排版设计就是直观清晰符合国人习惯,点开需要用到的组件,然后会展示效果图,还有实现效果图的代码,而且页面下方就是其组件相关属性,非常清楚直观。

2、组件使用顺手,代码量少,对功能的封装也是符合国人习惯,没有过多冗余。不需要自己在去重复书写一些常用的方法,比如弹窗的隐藏显示。

总体来说,Vuetify上手难度相对于国内的组件库来说会大一些,但是扩展性更好,比较适用于大型、复杂、定制化需求较高的项目中;可以以Vuetify为主(基础),Element Plus为辅,搭建属于我们自己的组件库,也可以通过​​Verdaccio​​把组件库部署在我们的服务器上。所以我们可以直接将两种UI库直接集成在一起,就不用去纠结用哪一个,针对某些组件选择性使用Vuetify或ElemnetPlus即可。

如果要从两个里面必须选择一个话我们选择Vuetity

Element UI 缺点还是比较明显的

第一、更新不及时,版本升级慢,前端框架都是经常升级的,没有及时升级,要支持最新的其他第三方js库

第二、如果要做更多高级的开发,需要进行二次开发的地方就比较多,比如组件异步加载等

第三、如果用来开发网站等类似静态应用,四个字很不方便,需要做很多前期工作

Vuetify的优点很明显,覆盖了几乎其他前端框架的功能,组件丰富,移动端和pc端能进行比较好的自适应。框架的可扩展性强,可以根据框架的组件,开发出更高效的组件。

基于vue cli提供了Vuetify Plugin,集成更加方便,基本上实现一键集成,一个命令就能集成,省去很多配置。

二次开发更加容易,基于Vuetify提供的框架进行二次开发,更加的容易。

组件按需加载,Vuetify框架内置了组件的按需加载,只要引用Vuetify组件,都是按需加载,大大减轻了进一步处理的时间成本。

vuetify与其他框架的集成,集成比较简单,以nuxt框架的集成为例,能方便的进行集成,简单的集成,就能使用,并且和后台管理的功能页面使用无差别,可以加快使用的成本。

框架的持续的更新升级,基本每周都有更新,框架组件更新及时。便于系统技术升级

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/bicheng/31268.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

hive与dolphin笔记

文章目录 一、hive相关1. 如何增加列2. 如何查看表的具体列的数据类型3. 如何drop一个表4. 如何从某个时间点获取它30天前的日期 二、dolphin笔记1. 如何增加前置节点依赖 一、hive相关 1. 如何增加列 alter table your_table_name add columns (your_column_name varchar(25…

【CT】LeetCode手撕—236. 二叉树的最近公共祖先

目录 题目1- 思路2- 实现⭐236. 二叉树的最近公共祖先——题解思路 3- ACM实现 题目 原题连接:236. 二叉树的最近公共祖先 1- 思路 模式识别 模式1:二叉树最近公共祖先 ——> 递归 判断 递归思路,分情况判断: 1.参数及返…

高效BUG管理:定级、分类和处理流程

高效BUG管理:定级、状态跟踪与处理全流程 前言一、BUG的定义二、BUG的定级三、BUG的状态四、BUG的处理流程1. BUG报告2. BUG确认3. BUG修复4. BUG验证5. BUG关闭 五、常见问题与解决方案六、总结 前言 在测试工作中,BUG的定级和分类是一个重要环节&…

香港“试水”医疗多模态大模型

更好地引入及发掘行业数据有望为垂直领域内的多模态大模型开发提供新可能。中国香港特区传统科研优势要嫁接产业风口,国际化渠道如何与内地资源携手? 产业多模态大模型“风头”正盛,在积极寻找经济新动能的中国香港特区,相关产业…

SQL新手蜕变:掌握这20条常用SQL语句,让你也能成为高手!

序言 在现代软件开发中,SQL(Structured Query Language,结构化查询语言)作为与数据库交互的标准编程语言,是每个开发者必学的基础技能。掌握SQL并在数据库管理与数据分析中应用自如,能显著提升开发效率和数…

如何修复“AI的原罪”

如何修复“AI的原罪” 上个月,《纽约时报》声称,科技巨头OpenAI和谷歌不顾服务条款和版权法的禁止,将大量YouTube视频转录成文本,并将其用作人工智能模型的额外训练数据,从而进入了版权灰色地带。《纽约时报》还援引Me…

HTML 事件

HTML 事件 HTML 事件是发生在 HTML 元素上的交互瞬间,它们可以由用户的行为(如点击、按键、鼠标移动等)或浏览器自身的行为(如页面加载完成、图片加载失败等)触发。在 HTML 和 JavaScript 的交互中,事件扮演着核心角色,允许开发者创建动态和响应式的网页。 常见的 HTM…

【LeetCode面试经典150题】106. 从中序和后序遍历构造二叉树

一、题目 106. 从中序与后序遍历序列构造二叉树 - 力扣(LeetCode)给定两个整数数组 inorder 和 postorder ,其中 inorder 是二叉树的中序遍历, postorder 是同一棵树的后序遍历,请你构造并返回这颗 二叉树 。 二、思路…

掌握JavaScript ES6精髓:探索函数和对象的高级扩展与实用技巧

序言 JavaScript,作为前端开发中不可或缺的语言,已经发展到了ECMAScript 2015(简称ES6)以及后续的版本。ES6带来了诸多语法上的改进和创新,使得代码更加简洁、优雅,同时也提供了更多的编程模式和实用技巧。…

【ONE·基础算法 || 记忆化搜索】

总言 主要内容:编程题举例,熟悉理解记忆化搜索类题型(对比递归、动态规划理解运用)。             文章目录 总言1、记忆化搜索1.1、基本介绍1.2、细节理解(记忆搜索化、递归、动态规划……) 2、斐…

idea插件开发之一起来开发个打印方法入参和返回值的插件吧!

写在前面 源码 。 在开发过程中为了调试代码我们就可能就需要知道某个方法入参的值是什么,或者是返回值是什么。此时,我们的解决办法一般都是debug,但是debug的效率说实话其实是不高的,特别是不断的调试,不断的debug。…

[贪心算法]忍者道具

描述 忍者道具有很多种,苦无,飞镖,震爆弹。L君热衷于收集忍者道具,现在他有N个道具,每个道具的重量分别是C1、C2…CN。现在他想把这N个道具装到载重量为W的工具包里,请问他最少需要多少个工具包&#xff1…

KT148A-SOP8语音芯片接收到一线串口指令到播放声音大概多长时间

一、问题简介 请问KT148A-SOP8语音芯片接收到一线串口指令,到播放出来声音,大概需要多长时间 我的需求是做按键提示音,初测了一下感觉有延时,这个要如何处理 详细说明 KT148A从接收到指令,到执行,到播放…

JavaScript基于时间的动画算法

前段时间无聊或有聊地做了几个移动端的HTML5游戏。放在不同的移动端平台上进行测试后有了诡异的发现,有些手机的动画会“快”一点,有些手机的动画会“慢”一点,有些慢得还不是一两点。 通过查找资料发现,基于帧的算法&#xff08…

多模态大模型时代下的文档图像智能分析与处理

0. 前言 随着人工智能技术的不断发展,尤其是深度学习技术的广泛应用,多模态数据处理和大模型训练已成为当下研究的热点之一,这些技术也为文档图像智能处理和分析领域带来了新的发展机遇。 多模态大模型时代下的文档图像智能分析与处理的研究…

Java中的数据结构:选择与优化

Java中的数据结构:选择与优化 大家好,我是免费搭建查券返利机器人省钱赚佣金就用微赚淘客系统3.0的小编,也是冬天不穿秋裤,天冷也要风度的程序猿! 在Java编程中,选择合适的数据结构对程序性能和可维护性至…

MySQL UPDATE和DELETE语句的 IN/EXISTS 子查询限制

The MySQL query optimizer has different strategies available to evaluate subqueries: 1、 For a subquery used with an IN, ANY, or EXISTS predicate, the optimizer has these choices: • Semijoin • Materialization • EXISTS strategy 2、 For a subquery used …

Linux:用户账号和权限管理的命令

目录 一、Linux用户的分类和组的分类 1.1、用户账号和组账号 1.2、用户的分类 1.3、组账号 1.4、用户账号文件/etc/passwd 二、用户管理相关命令 2.1、chage命令:用来修改帐号和密码的有效期限,针对目前系统已经存在的用户 2.2、useradd&#xf…

【Numpy】一文向您详细介绍 np.abs()

【Numpy】一文向您详细介绍 np.abs() 下滑即可查看博客内容 🌈 欢迎莅临我的个人主页 👈这里是我静心耕耘深度学习领域、真诚分享知识与智慧的小天地!🎇 🎓 博主简介:985高校的普通本硕,曾…

数据结构-图的基本概念

图的定义 图时由非空的顶点集合和一个描述顶点之间关系的集合组成。可以定义为: ​​​​​​​ ​​​​​​​ ​​​​​​​ G表示一个图,V表示点集,E表示边集。集合E的每一个二元组都包含两个值和,表示…