vuetify，一直使用一直爽

女爷i 2023-03-02 13:12 5阅读 0赞

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

一直在整理与收集的一些比较优秀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。

![format_png][]

## ##

### **浏览器支持** ###

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

![format_png 1][]

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

### **示例组件** ###

栅格系统

![format_png 2][]

**日历**

![format_png 3][]

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

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

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

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

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

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

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

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

![format_png 4][]

[format_png]: /images/20230208/d41b12030cdd45599ce9a946be44694e.png
[format_png 1]: /images/20230208/6dc2d06bcf6d42709000b26bf6670537.png
[format_png 2]: /images/20230208/b7f0fea1b0364f378aa650337706a942.png
[format_png 3]: /images/20230208/88455308a3274546be1b3d7a94296a1d.png
[format_png 4]: /images/20230208/8880e7d1f9ca433e80e417078d41fb2e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 14 个 Spring MVC 顶级技巧，一直用一直爽！

通常，在Spring MVC中，我们编写一个控制器类来处理来自客户端的请求。然后，控制器调用业务类来处理与业务相关的任务，然后将客户端重定向到逻辑视图名称，该名称由Spring

客官°小女子只卖身不卖艺/ 2023年09月28日 16:15/ 0 赞/ 17 阅读

相关 vuetify，一直使用一直爽

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

女爷i/ 2023年03月02日 13:12/ 0 赞/ 6 阅读

相关走近Ts，用了爽，用后一直爽

![format_png][] 前言 vue3已经发布了，ts的脚步已经阻拦不住了，还只会es6?别想了，人家都已经在行动了，以下是ts的基本系列教程，ts的基本

ゝ一世哀愁。/ 2023年01月07日 07:15/ 0 赞/ 183 阅读

相关 vue+vuetify构建简单消息确认框

vue框架自己好像没有弹出框，而vuetify有弹出框v-dialog，没有确认框confirm，虽然确认框本身就是弹出框，但是弹出框的功能有个特点，就是确定做一件事情

心已赠人/ 2022年11月20日 08:13/ 0 赞/ 569 阅读

相关【LeetCode】﹝并查集ி﹞连通分量个数(套用模板一直爽)

【LeetCode】﹝并查集ி﹞连通分量个数(套用模板一直爽) 文章目录【LeetCode】﹝并查集ி﹞连通分量个数(套用模板一直爽)

悠悠/ 2022年10月08日 02:21/ 0 赞/ 165 阅读

相关 Vue.js 的材料组件库 Vuetify

Vuetify 详细介绍 Vuetifyjs 根据材料设计规格提供 UI 布局。 V 1.0 Alpha 版本提供了超过 80个 reusbale 组件，其中包含一个易于记忆

冷不防/ 2022年05月18日 06:53/ 0 赞/ 186 阅读

相关程序员搞笑BUG大合集:bug一时爽，一直bug一直爽！

> 小编推荐：[Fundebug][]提供JS错误监控、微信小程序错误监控、微信小游戏错误监控，Node.j错误监控和Java错误监控。真的是一个很好用的错误监控费服务，众多大

ゝ一纸荒年。/ 2022年02月12日 15:17/ 0 赞/ 299 阅读

相关使用Webstorm建立vue.js工程并添加vuetify组件

.. ![813478-20190108141137843-532315571.png][] .. ![813478-20190108141203760-84786887

港控/mmm°/ 2022年01月06日 07:55/ 0 赞/ 213 阅读

相关自由职业一时爽，一直自由一直爽

自由对一个人的意义，恐怕只有真正失去过自由的人才能真正的理解。 1 可以说，在我第一天上班的时刻起，我就为这一天在准备着。当时我并不知道我想做什么，只是觉得我终究要自己

Myth丶恋晨/ 2021年11月05日 01:10/ 0 赞/ 317 阅读

相关使用vuetify实现导航菜单

1. 菜单项 menu: [ { index: "1", title: "首页" }, {

矫情吗；*/ 2021年07月25日 18:08/ 0 赞/ 1270 阅读