常见 Vue Router 有什么作用?它 有哪些？分别说明组件？

【概念释义】

Vue Router 实现 SPA 路由：router-view 出口渲染匹配组件；router-link 导航；routes 配置表；导航守卫 鉴权；懒加载 拆包；嵌套 children。

【基础使用】

<template>
  <nav>
    <router-link to="/">Home</router-link>
  </nav>
  <router-view />
</template>

【版本差异】

Vue Router 3/4 API 差异；4 仅 Vue3（或兼容包）。

【拓展延伸】