vue $router历史

导航的方法有哪些？
vue-router提供了两个便捷方法：$router.back()和$router.forward()，分别用于在历史记录中后退到上一个页面和前进到下一个页面。此外，还有三个编程式导航的API：$router.push()、$router.replace()和$router.go()，分别用于跳转到指定hash地址并增加历史记录、跳转到指定hash地址并替换当前历史记录以及实现导航历史前进、后退。

相关问题

vue $router

`$router` 是 Vue.js 中的一个全局对象，它是 Vue Router 的实例，用于进行页面路由的控制。在使用 Vue Router 进行页面路由时，你可以通过 `$router` 对象来进行路由的跳转、传递参数等操作。以下是一些常见的 `$router` 方法：

- `push(location: RawLocation, onComplete?: Function, onAbort?: ErrorHandler)`: 跳转到一个新的页面，会向浏览器的历史栈中添加一个新的记录。
- `replace(location: RawLocation, onComplete?: Function, onAbort?: ErrorHandler)`: 跳转到一个新的页面，但不会向浏览器的历史栈中添加一个新的记录，而是替换当前页面的记录。
- `go(n: number)`: 在历史栈中向前或向后跳转 n 步。

除了以上方法之外，`$router` 还有一些其它的属性和方法，例如：

- `$router.currentRoute`: 当前激活的路由信息。
- `$router.beforeEach`: 全局前置守卫，用于在跳转之前对路由进行拦截处理。

总之，`$router` 对象是 Vue Router 的核心对象，使用它可以方便地进行页面路由的控制。

vue this.$router

在Vue中，this.$router是Vue Router的实例对象，可以用来访问和操作路由。它提供了一些方法和属性，例如：

1. this.$router.push(location)：跳转到指定的路由。
2. this.$router.replace(location)：跳转到指定的路由，但是不会生成新的历史记录。
3. this.$router.go(n)：在浏览器历史记录中向前或向后移动n个步骤。
4. this.$router.back()：后退一页。
5. this.$router.forward()：前进一页。
6. this.$router.currentRoute：当前路由的信息对象。