第 7 章 Vue Router 路由管理

做过传统 PC 端前端页面开发的人一定都知道，如果项目中需要页面切换或者跳转，可以利用 <a></a> 标签来实现，那么对于移动 Web 应用来说，可否使用 <a></a> 标签来实现页面跳转呢？答案当然是可以的，我们可以创建多个 HTML 页面，然后让它们直接相互跳转，和 PC 端的没有多大差别。

但是，对于大多数的移动 Web 应用来说，它们大部分是单页应用(Single Page Application, SPA)，而 Vue Router 是 Vue.js 官方的路由插件，它和 Vue.js 是深度集成的，可用来实现单页面应用的路由管理。

需要注意的是，Vue Router 是独立于 Vue.js 的插件库，有自己的版本，对于 Vue 3 版本来说，需要搭配 Vue Router 4 版本使用。本章我们来介绍基于 4.0.11 版本的 Vue Router 的概念及其使用。