vue3.x教程：Vue 路由 Router 作者：马育民 • 2026-07-31 20:42 • 阅读：10000 # 介绍 路由是实现单页面应用（spa）的，实现切换页面 一个路由就是一对 `key-value`： - key：是url - value：`component` 或 `function` VUE提供了路由，官网：https://router.vuejs.org/zh/ **提示：**也可以使用 **第三方路由** ### 一句话理解 Vue 路由类似 HTML 的 `<a>` 标签，实现页面跳转。区别在于 **无需整页刷新**，在 SPA（单页面应用） 中根据 **URL 动态切换组件**。 # Vue Router 官方解释 Vue Router 是 Vue.js 官方的路由管理器。 与 Vue.js 的核心深度集成，让构建 **单页面应用（spa）** 变得轻而易举 ### 包含的功能有： - 嵌套路由映射 - 动态路由选择 - 模块化、基于组件的路由配置 - 路由参数、查询、通配符 - 展示由 Vue.js 的过渡系统提供的过渡效果 - 细致的导航控制 - 自动激活 CSS 类的链接 - HTML5 history 模式或 hash 模式 - 可定制的滚动行为 - URL 的正确编码 原文出处：http://malaoshi.top/show_1GW3mJeyWUMx.html