vue-router面试题

Vue-router 是 Vue.js 官方的路由管理器，它可以帮助我们在.js 单页应用中实现导航功能。它提供了两种模式：hash 模式和 history 模式。

1. hash 模式：在 URL 中使用 `#` 来表示路由，例如 `http://example.com/#/home`。hash 模式的好处是兼容性好，在不支持 history 模式的浏览器中也可以正常运行。它的缺点是 URL 中会带有 `#`，不够美观。

2. history 模式：利用 HTML5 的 history API 来完成页面跳转，例如 `http://example.com/home`。history 模式的好处是 URL 更加美观，没有 `#` 的影响。但它需要服务端的支持，否则在刷新页面时会导致 404 错误。

Vue-router 提供了以下几个核心组件：
1. `<router-view>`：用于渲染匹配到的路由组件。
2. `<router-link>`：用于导航到指定的路由。
3. `<router-link>`：用于嵌套路由，定义子路由。

动态路由可以通过在路由配置中使用动态路径参数来定义，例如：

{
  path: '/user/:id',
  component: User
}

在上述例子中，`:id` 是一个动态参数，它可以匹配任意值。我们可以通过 `$route.params` 来获取传过来的动态值。

获取当前的路由信息可以通过 `$route` 来获取，它包含了当前路由的 name、path、query、params 等信息。