Vue Router 4 给所有人的指南

Vue Router 4 for Everyone

了解如何使用 Vue Router 4 在 Vue 3 中构建强大的单页应用程序

关于 Vue Router 4 for Everyone 课程

在本课程中,学习如何使用 Vue Router 创建强大的 Vue 3 单页应用程序 (SPA)。

单页应用程序是 Web 应用程序或网站,它们通过动态重写当前页面而不是从服务器加载整个新页面来与用户交互。

这种方法允许我们只获取用户与我们的应用程序交互时所需的页面数据/部分。通过动态重写我们网站的较小块,它可以防止我们重新下载已经加载的资源,例如图像、脚本、CSS 等。

因此,SPA 倾向于通过以下方式改善用户体验:

  1. 在页面导航之间提供更快的加载时间
  2. 行为更像传统的桌面应用程序

在本课程中,您将学习有关 Vue Router 的所有知识,以创建快速原型或具有压迫性的、成熟的Vue.js SPA。

在本课程结束时,您将掌握

  • 如何搭建一个新的 Vue 3 项目,包括带有 Vue CLI 的 Vue 路由器
  • 如何创建路由,包括命名路由
  • 了解如何延迟加载路由
  • 了解如何使用 Vue Router Params 并将它们作为 prop 传递给组件
  • 如何创建动态路由和嵌套路由
  • 了解如何创建令人印象深刻的路线转换
  • 如何使用 Vue Router 创建 404 页面
  • 了解什么是导航防护,以及如何为应用创建身份验证中间件
  • 如何将 Vue 路由器与 Vue Composition API 配合使用
  •  还有更多。

您需要对Vue.js有基本的了解才能享受本课程。如果您还不熟悉Vue.js和组件Vue.js我们建议您观看 3 基础知识和 Vue.js 3 组件基础知识。

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。