Vue Router 的使用（一）

Vue 官方文档：参考官网：​​​​​​Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)

 Vue Router 参考：Home | Vue Router (vuejs.org)

---

注意：我是用 vite 的方法创建项目的，有些创建项目方式的 router 使用是有区别的。 

---

 一、介绍

Vue Router 是基于路由和组件的，路由是用来设定访问路径，将路径和组件映射起来。

路由核心：改变 URL，但是页面不进行整体刷新。

路由表：是一个映射表，一个路由就是一组映射关系。这个关系为：key:value

key表示路由。value：可以为function（后端路由）或者component（组件）（前端路由）

二、 Vue Router 的引入和安装

我的安装使用的是 npm ：在终端输入：

npm install vue-router@4

安装完成：