简介

vue-router 是 Vue.js 官方提供的路由管理器，用于实现单页应用（Single Page Application, SPA）中的视图切换和页面导航。 vue-router 基于 Vue.js 的组件化思想，将路由信息抽象成组件，可以通过声明式的方式定义路由，将路由与组件映射起来，同时还支持路由导航守卫、动态路由、命名路由、嵌套路由等功能。

入门

在上一章中我们通过官方的脚手架添加了 vue-router，脚手架帮我们注册和配置了路由信息。我们就通过上章的例子来学习 Vue Router 的基础知识。

RouterLink

RouterLink 是 Vue-Router 提供的组件，用于在 Vue 应用中声明式地生成链接，实现页面的导航。

RouterLink 使用方式：

<script setup lang="ts">
import { RouterLink, RouterView