2024年4月5日发(作者：)

vue.$router 方法

（原创实用版3篇）

目录（篇1）

中$router 的作用

2.$router 的方法

3.常用方法的使用示例

正文（篇1）

在 Vue 中，$router 是一个非常重要的对象，它用于管理单页面应

用 (SPA) 的导航。通过$router，我们可以实现页面的路由跳转、参数传

递等功能。本文将介绍$router 的一些常用方法。

首先，我们来看$router 的作用。在 Vue 中，$router 用于管理应

用的所有路由，它包含了路由表、当前路由、路由参数等信息。通过$router，

我们可以获取当前路由的信息，实现路由跳转，以及处理路由参数等。

接下来，我们来看一下$router 的常用方法：

1.`push(route)`: 该方法用于导航到指定的 route。其中，route 是

一个对象，包含了路由的路径、参数等信息。例如：

`this.$({ path: "/home", params: { id: 1 } })`。

2.`replace(route)`: 该方法也是用于导航到指定的 route，但与

`push`不同的是，它会替换当前的路由，而不是在当前路由的基础上添加

新的路由。例如：`this.$e({ path: "/home", params: { id:

1 } })`。

3.`go(n)`: 该方法用于导航到当前路由的第 n 个参数。例如：

`this.$(1)`。

4.`go(-n)`: 该方法用于导航到当前路由的倒数第 n 个参数。例如：

`this.$(-1)`。

第 1 页 共 6 页

5.`skip(n)`: 该方法用于导航到当前路由的跳过第 n 个参数。例如：

`this.$(1)`。

6.`skip(-n)`: 该方法用于导航到当前路由的跳过倒数第 n 个参数。

例如：`this.$(-1)`。

以上就是 Vue 中$router 的一些常用方法及其使用示例。

目录（篇2）

中$router 的作用

2.$router 的方法

3.$router 的使用示例

正文（篇2）

在 Vue 中，$router 是一个非常重要的对象，它用于管理和操作路

由。通过$router，我们可以轻松地实现页面跳转、路由传参等功能。本

文将介绍$router 的一些常用方法以及它们的使用示例。

首先，我们需要了解$router 的主要作用。$router 用于存储和管理

路由信息，包括路由表、当前路由、路由参数等。它还提供了一些方法，

用于操作路由，例如：push、replace、go、goBack 等。

接下来，我们将详细介绍$router 的几个常用方法：

方法：用于将视图导航到指定的路由。它的基本语法如下：

```javascript

this.$({ path: "path/to/route" })

```

其中，`path`表示要导航到的路由的路径，`replace`表示是否替换

当前路由。默认情况下，`replace`为`false`，表示不替换当前路由。如

果`replace`为`true`，则当前路由会被替换为新路由。

第 2 页 共 6 页