大家好，我是为前端娱乐圈操碎了心的小迷妹，每天推荐一个小工具/源码/知识点，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标。

 

一直在整理与收集的一些比较优秀github项目，方便自己阅读，顺便分享出来，大家一起学习。

 

最近超喜欢这个框架-Vue.js 的 Material 组件框架 Vuetify。

 

推荐指数：star:25.4k
适用：移动PC多端支持

 

贴上地址：

 

GitHub地址：https://github.com/vuetifyjs/vuetify
官网地址：https://vuetifyjs.com/zh-Hans/

 

 

Vuetify确实是一款非常精致的UI框架，它提供了很多常用的组件，依靠Material Design的设计优势，让你无需编写一行css代码就可以得到非常美观的界面功能。

 

响应式做的不错，移动PC多端支持，配置灵活，组件也挺多的，足够现代，功能全面vuetify，一直用一直爽，强烈推荐vuetify。

 

 

浏览器支持

Vuetify 支持所有现代浏览器，包括 IE11 和 Safari 9+。从手机到笔记本电脑到 PC，均可在这些设备上完成交付。

 

如果需要针对搜索引擎进行优化，尝试使用 vue-cli Webpack SSR（服务器端渲染）模板。

 

示例组件

栅格系统

 

 

 

日历

 

 

说实话，上手确实有一定难度，我在起步安装上就耗费了不少时间，可能是国外的思维习惯和国人的不太一样。

 

有elementui,iview的直来直去，用法略显复杂，文档虽然写的很丰富，但是当你用上一个组件后，总感觉很多细节没有说清楚，很多技巧需要自己摸索。

 

但是抛开这些，Vuetify确实是一款非常精致的UI框架，它提供了很多常用的组件，依靠Material Design的设计优势，让你无需编写一行css代码就可以得到非常美观的界面功能。

 

同时Vuetify还具备自适应的能力，可以使用一份代码写出同时兼容手机平板电脑的网页功能，非常值得你花时间去上手使用它。

 

我觉得 Vuetify 有两个突出的优点：

 

1、默认样式就很好看，我之前用 Ant Design，.vue 文件里经常要写一些 CSS 来改变控件的默认外观、间距什么的。

 

用上 Vuetify 后，我发现基本不用手写  CSS 了。

 

2、对移动端的支持非常好，我的博客一套代码，在 PC 端和移动端都很完美，关键是实现起来很简单。