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 的强大之处。

登录模块通常包括:

  • 文字标题
  • 用户名输入字段
  • 密码输入栏
  • 登录按钮
  • 注册按钮

听起来很简单。让我们深入研究一些代码!

发表回复

后才能评论

  • 每一个课程页面,都有演示地址选项,点击链接可以跳转到课程发布网站查看详细课程列表。
  • 绝大部分课程都有试看内容,可以先点击试看,再决定是否购买。
  • 本站课程均存储在阿里云盘或百度网盘中,由于阿里云盘对分享的文件类型有限制,所以课程资料和字幕会存储到蓝奏云盘中。
  • 阿里云盘和蓝奏云盘都是不限速下载的,你既可以选择在阿里云盘中在线学习,也可以选择下载到本地学习。
  • 课程下载到本地可以挂载中英文双字幕,请点击查看Potplayer挂载中英文双字幕教程
  • 本站所有课程,均提供mp4格式视频文件,中英文双字幕,配套资料齐全,不加密。
  • 每一个课程右侧下载面板中,都会有清晰度标识,大部分都是1080P或者720P,还有少数是超高清的。
  • 本站课程购买之后,均可以免费更新,所有课程,皆配有中文字幕。
  • 请注意,课程的中文字幕是根据英文字幕用谷歌翻译生成的,本非人工翻译。谷歌翻译准确度尚可,学习观看,没有问题。
  • 由于数字资源具有可复制性,一旦购买,不接受退款要求,请在购买之前,认真了解课程内容,确定是否需要。
  • 当然,如果有特殊情况,可以查看网站底部联系方式,联系站长说明问题,我会为你妥善处理。
  • 赞助本站VIP会员,可以免费下载所有课程,详情请查看VIP介绍