vue-router

对于传统的多页应用，浏览器在重新加载页面时会将滚动条位置重置为页面顶部。这是因为重新加载页面时，浏览器会重新渲染整个页面，将其返回到初始状态。 而对于 SPA，因为页面之间的切换是通过 JavaScr

我正在参加「掘金·启航计划」 路由模式 在 Vue Router 中，history 配置有两种模式可选，即 hash 模式和 HTML5 模式 hash 模式 hash 模式使用 URL 的哈希部分

我正在参加「掘金·启航计划」 如果在组件中使用 $route，那么该组件必须是作为路由渲染的组件，因为 $route 包含的是当前路由的相关信息，这些信息只有在路由渲染时才能访问 而如果使用 prop

我正在参加「掘金·启航计划」 重定向 重定向是指当用户访问某个 URL 时，路由系统将会把该 URL 重定向到另一个 URL。例如，当用户访问 /home 时，路由系统会把该 URL 重定向到 /，然

除了使用 <router-link> 创建 <a> 标签来定义导航链接，我们也可以使用 router 实例的方法来编写代码来实现导航链接 router.push 在Vue实例中，可以通过 $route

在Vue中路由可以分为像/about 这样的静态路由和 /users/:userId 这样的动态路由 动态路径参数正则 在某些情况下，我们可能需要根据参数的内容来区分两个路由 这两个路由都可以匹配类似

有时候我们会有多个路由，它们的 URL 形式可能不完全相同，但是它们的功能或者需要渲染的内容是相同的，因此这些路由都需要映射到同一个组件上进行处理 在这种情况下，我们可以使用 Vue Router 的

Vue Router是Vue官方提供的，用于实现客户端路由导航的插件，通过Vue Router，我们可以在不刷新页面的情况下，轻松实现路由导航。

访问路由和当前路由 在 setup 中，并不存在this关键字，取而代之的是使用 useRouter 和 useRoute 函数来访问路由对象和当前路由信息

有时候，进入某个路由后，需要从服务器获取数据。我们可以通过导航完成之后获取和导航完成之前获取这两种方式来实现

在Vue的路由系统中，可以在定义路由时，在路由配置对象中添加一个名为`meta`的属性，用于存储路由元数据 通过meta属性可以在路由对象上附加一些额外的信息，比如过渡名称、路由访问权限等

路由守卫（Route Guard）是在路由切换时执行的一些特定函数，这些函数可以在路由导航的不同阶段被调用，以执行特定的逻辑来控制和管理路由的切换