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有点香了