Vuetify 入门
讲师:Vue Msatery Team
口袋资源独家Vue Mastery付费课程,独家中英文字幕,配套资料齐全!
用不到1/10的价格,即可享受同样的高品质课程,且可以完全拥有,随时随地都可以任意观看和分享。
介绍
在当今软件设计精美的世界中,拥有一个仅在功能上运行而没有任何设计的站点已不再被接受。如今,大多数用户在访问网站时都希望获得一定程度的润色。因此,当您开始一个新网站时,除了确保一切正常运行之外,您如何确保它具有:
- 有吸引力的视觉设计
- 最好的用户体验
答案是设计系统,它是一套旨在提供一致的设计和用户体验的指南。
您可能听说过的一些流行的包括:
- 引导程序
- 布尔玛
- 材料设计
Material Design 是谷歌推广的一种设计系统,它封装了他们的设计原则和指南。
虽然开始使用 Material Design 看起来就像下载 CSS 文件并将其包含在您的应用程序中一样简单,但这种方法通常无法充分利用允许您的应用程序可持续扩展的组件设计模式。
介绍 Vuetify!
幸运的是,John Leider 创建了 Vuetify,这是一个根据 Material Design 规范构建的 Vue 组件库,因此您可以快速构建设计良好的应用程序。虽然选择组件库可能是一个艰难的决定,但 Vuetify 是一个不错的选择,因为:
- 使用起来简单直观
- 拥有 Vue 生态系统中最具活力和活跃的社区之一
- 通过定期计划的补丁,您可以放心地知道您的应用程序将在修复和新功能推出时得到支持和更新
- 而且您不必担心这些组件是否可以在各种浏览器中访问或受支持。Vuetify 已涵盖。
话虽如此,让我们用 Vuetify 构建一些东西吧!
在本课中,我们将通过构建一个大多数应用程序都具有的通用模块:登录模块,向您展示 Vuetify 的强大之处。
登录模块通常包括:
- 文字标题
- 用户名输入字段
- 密码输入栏
- 登录按钮
- 注册按钮
听起来很简单。让我们深入研究一些代码!
声明:口袋资源网(koudaizy.com)提供的所有课程、素材等资源全部来源于互联网,赞助VIP仅用于对口袋资源服务器带宽及网站运营等费用支出做支持,从本站下载资源,说明你已同意本条款。