vuetify是一个基于vue2.0，为移动而生的组件框架，一个渐进式的UI框架。

Vuetify支持SSR(服务端渲染)，SPA(单页应用程序)，PWA(渐进式web应用程序)和标准HTML页面。

受支持的浏览器：不太旧的一般都支持

vuetify gitlab地址：https://github.com/vuetifyjs/vuetify

为什么是Vuetify？

• Vuetify几乎不需要任何CSS代码，而element-ui许多布局样式需要我们来编写

• Vuetify从底层构建起来的语义化组件。简单易学，容易记住。

• Vuetify基于Material Design（谷歌推出的多平台设计规范），更加美观，动画效果酷炫，且风格统一

这是官网的说明：

缺陷：

目前官网虽然有中文文档，但因为翻译问题，几乎不太能看。

如何使用vuetify？

初始化（全局使用）

npm 或者yarn安装完成之后，在main.js中引入

import Vue from 'vue'import

Vuetify from 'vuetify'

Vue.use(Vuetify)

样式文件需要另外引入，在main.js引入或者cdn的形式引入

或者配置文件 cdn的形式引入

注意事项

vuetify使用与vue中，使用cdn或者包管理器安装。其中分为js和css的引用。需要注意的是图标样式的使用需要防止在html中cdn的形式引用。