vue router实现方式
时间: 2023-10-29 17:25:54 浏览: 79
vue 实现动态路由的方法
Vue Router 是 Vue.js 官方提供的路由管理器,它可以轻松地实现路由映射表的定义、导航、异步组件加载等功能。实现 Vue Router 有两种方式:
1. 基于 hash(hash 模式):通过改变 URL 的 hash 值来实现路由跳转。在 Vue 实例中使用 `VueRouter`对象,将路由映射表传给 `VueRouter`,并将 `VueRouter` 实例注入到 Vue 实例中。
2. 基于 history(history 模式):通过 HTML5 的 `pushState` 和 `replaceState` API 来实现路由跳转,可以使用更加友好的 URL。在 Vue 实例中使用 `VueRouter` 对象,并传递一个 `mode` 配置项来启用 `history` 模式。
在两种方式中,我们都需要先安装 `vue-router` 包,并在 Vue 实例中导入和使用。
阅读全文