前言
Vue Router 是 Vue.js 的官方路由管理器。它可以帮助我们在 Vue 应用中实现页面之间的跳转和导航，并且提供了一些高级功能，如路由参数、路由嵌套、路由守卫等。
Vue Router 的主要作用是将不同的组件映射到不同的 URL，并根据 URL 的变化来更新视图。它基于 Vue 的组件系统，可以让我们使用组件来定义不同的页面，并通过 URL 来访问和导航这些页面。
使用 Vue Router，我们可以通过编程式导航或声明式导航来实现页面之间的跳转。编程式导航是通过编写 JavaScript 代码来实现路由跳转，而声明式导航是通过在模板中使用 <router-link> 标签来实现路由跳转。
核心概念
- 路由器（Router）：负责管理整个路由系统，包括路由的注册和配置。
- 路由（Route）：表示一个路由，包括路径、参数、查询参数等信息。
- 路由组件（Route Component）：被路由映射的组件，根据不同的路由显示不同的组件。
- 路由视图（Router View）：用来显示当前路由对应的组件，可以嵌套使用。
- 路由链接（Router Link）：生成链接，用于触发路由跳转。
安装
在 Vue.js 框架下安装 vue-router 库，可以通过以下三种方式进行安装：
-
官网下载文件
从官网下载 vue.js 和 vue-router.js 文件，然后在 HTML 文件中引入这两个文件。
https://router.vuejs.org/
-
使用 CDN
可以直接下载 vue-router 库文件，也可以直接使用 CDN 地址进行引用。
<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script> -
使用 NPM
使用 NPM 包管理工具命令安装 vue-router。
npm install vue-router
总结
通过上述方法，我们可以很容易地将官方路由管理器 vue-router 库引入 Vue 项目中。Vue Router 提供了强大的功能，包括路由映射、导航、路由参数、路由嵌套和路由守卫等。我们可以通过编程式导航或声明式导航来实现页面之间的跳转。安装 vue-router 可以通过官网下载文件、使用 CDN 或使用 NPM 进行安装。一旦安装好了，我们就可以在 Vue 应用中使用 vue-router 来实现路由管理和导航功能。
