Vue Router 是 Vue.js 的官方路由管理器，它与 Vue.js 核心深度集成，使构建单页面应用变得轻而易举。本文将全面介绍 Vue Router 的使用，涵盖 Vue2 的 Vue Router 3.x 和 Vue3 的 Vue Router 4.x。

基础概念

什么是前端路由？

传统网站是多页应用（MPA），每次跳转都会请求新的 HTML 页面。而单页应用（SPA）通过前端路由，在不刷新页面的情况下切换视图。

传统网站（MPA）：
用户点击 → 请求服务器 → 返回新页面 → 浏览器渲染

单页应用（SPA）：
用户点击 → 前端路由拦截 → JavaScript 更新视图 → 无需请求