【Vuetify】Vue 整合 Vuetify 学习分享

【Vuetify】Vue 整合 Vuetify 学习分享

Vuetify Material 风格演示

Vuetify 实乃设计废福音，他的颜值目前来讲是所有框架中我最喜欢的→_→

大家可以先点击上方的链接 review 以下他的样式，如果喜欢的话不妨再往下看，一起加入 Vuetify 的队伍~

然而在学习 Vuetify 的过程中我遇到了很大的阻力，他的 文档 实属弟弟（也可能是我太垃圾了）

总之，我想要分享一些我在学习过程中的经验教训，希望能帮到一些比我更加 brand new 的新人，也希望经验丰富的老前辈们可以不吝赐教（大佬们求抱大腿 TAT）

起步

1. 通过 vue-cli 3 初始化一个 Vue 项目
2. cd 进入项目目录，命令行执行 vue add vuetify

理论上来说只需以上两步就可以完成一个 Vue + Vuetify 项目的初始化

如果出现意外......那只好追随 官方指南 来解决问题了

学习

对于一个 UI 框架，最好的学习方法莫过于实践

于是我创建了一个 Github 项目，在这里体验并结合各种组件的使用

关于各种常见问题，我都在 README.md 中有所描述

同时，我也会在 note.md 中对于文档中没有写明、但在实际使用中较为重要的属性进行记录

项目地址：https://github.com/GStarP/vuetify-study（明示求 star）（虽然真的很菜）

另外，欢迎大家评论一些使用 Vuetify 时遇到的问题（已解决的也可），Never Stop Challenging ！