Vue3: vue-router 的基本用法

1、什么是 vue-router

• vue-router 是 vue.js 官方给出的路由解决方案。它只能结合 vue 项目进行使用，能够轻松的管理 SPA 项目中组件的切换。

2、 vue-router 的版本

• vue-router 目前有 3.x 的版本和 4.x 的版本。其中：
  ⚫ vue-router 3.x 只能结合 vue2 进行使用
  ⚫ vue-router 4.x 只能结合 vue3 进行使用
• vue-router 3.x 的官方文档地址
• vue-router 4.x 的官方文档地址

3、vue-router 4.x 的基本使用步骤

① 在项目中安装 vue-router
② 定义路由组件
③ 声明路由链接和占位符
④ 创建路由模块
⑤ 导入并挂载路由模块

3.1 在项目中安装 vue-router

• 在 vue3 的项目中，只能安装并使用vue-router 4.x。安装的命令如下：