Vue Router 4 基础知识梳理

Vue Router 是 Vue.js 官方的路由管理器，用于在单页面应用程序（SPA）中实现导航和路由功能。它能够帮助我们构建具有多个页面和视图的交互式 Web 应用程序。在本文中，我们将详细介绍 Vue Router 4 的基础知识，并提供相应的源代码示例。

1. 安装和配置 Vue Router

首先，我们需要安装 Vue Router。可以通过 npm 或 yarn 进行安装：

npm install vue-router@next

在安装完成后，我们需要在 Vue 项目中进行配置。在主入口文件（main.js 或 main.ts）中添加以下代码：

import {
    createApp } from 'vue';
import App from './App.vue'