Element UI 与 Vuetify 对比

目前我们项目是用的vuetify去写的，项目是我们老大搭建的，期初没有用过vuetify，觉得element比vuetify好用，毕竟elementUI是国产的，开发文档看着也舒服，看着vuetify的开发文档，有种说不出来的难受。

vuetify优势：

1、多端适配
Vuetify完全按照Material设计规范进行开发，每一个组件都经过精心设计，具有模块化、响应式和优秀的性能。使用独特和动态的布局自定义您的应用程序，并使用 SASS 变量自定义您的组件的样式。

案例：当我们项目要做移动端适配的时候，我从内心给vuetify点赞。当时由于我们的UI设计稿pc端和移动端登录界面展示不一样，所以我就将登录页面做了移动端的适配。当时我还在想，前期先做一个登录页面的移动端适配，那后期是不是项目需要有较大的改动，我还在考虑着后期维护的事情。当我把登录页面移动端适配做好后，我们在测，在沟通着其他的问题，老大说了一句，vuetify可以在移动端上适配，我才得知vuetify这个框架真香，极大的节省了多端适配的开发成本。

2、vuetify框架开发团队一直处于更新维护状态，相对比较稳定
Vuetify有一个非常活跃的开发周期，并且每周都有补丁，以极快的速度响应社区问题和报告，使您能够更经常地进行错误修复和增强. 此外，每个主要版本都附带18个月的<a href=“/introduction/long-term support/”>长期支持。

ElementUI优势：

1、开发文档清晰直观
可能是由于本土原因，看着开发文档风格、排版设计就是直观清晰，点开需要用到的组件，然后会展示效果图，还有实现效果图的代码，而且页面下方就是其组件相关属性，非常清楚直观。对我个人而言，操作起来极易上手。

2、组件使用顺手，代码量也极为轻巧

就以消息提示为demo

而vuetify的消息提示，不仅需要在dom中加入组件标签，还需要处理其显示隐藏，就这点而言，我觉得elementui有点香了

Element UI 与 Vuetify 对比相关推荐

iviewui ajax,中后台UI库使用对比：Element/iview
Element UI 1.什么是ElementUI? Element 饿了么前端出品的一套基于 Vue 2.0 的桌面端组件库,可用来构建中大型后台管理项目 1.1.搭建elementUI脚手架(v ...
iviewui php,Vue UI框架对比：Element UI、Ant Design Vue、iView
Element UI 文档:https://element.eleme.io/#/zh-CN/component/installation vue-element-admin预览:https://pa ...
element ui el-table单元格按需合并
从来没有好好地有条理的整理过代码,也是因为没有信心能写好,今天心血来潮写一篇尝试一下. 问题描述 element ui 中 el-table 按需合并单元格本文中代码举例,根据 project_na ...
Element UI, Ant Design Vue
1. 对比框架名称组件数量单元测试率 admin项目维护团队 GitHub Star数(2019/10/16) 原型设计素材 Element UI 46 81% vue-element-adm ...
将Element UI的时间选择器（DatePicker）的Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式
将Sat Jan 01 2022 00:00:00 GMT+0800 (中国标准时间)转化为XXXX-XX-XX的格式在使用element UI的时间选择器时,控制台输出的是Sat Jan 01 2 ...
Element UI _ 疑难杂症
目录 Icon 图标 Button 按钮 Input 输入框 Select 选择器 DatePicker 日期选择器 Table 表格 Pagination 分页 Descriptions 描述列表 ...
Element UI库的入门使用
Element UI 有的 ul 库在 style 上添加 scoped 后可能会导致自定义样式失效.element ui 可以支持 scoped 多用于管理系统的开发,有明确设计稿的情况下一般不方便 ...
element ui 的table单元格合并
element ui中的table表格数据是动态生成的,如果说后台要求我们对单元格进行合并,这个时候需要借助一个api,:span-method="arraySpanMethod" ...
Element UI 的 table 单元格合并
项目中遇到表格单元格合并的需求,在此记录整个解决过程. 项目使用的是 Element UI,表格使用的是 table 组件.Element UI 的 table 表格组件中对单元格进行合并,需要使用 ...

Element UI 与 Vuetify 对比

Element UI 与 Vuetify 对比相关推荐

最新文章

热门文章