vue $router
时间: 2023-10-09 13:09:34 浏览: 107
vue两组件间值传递 $router.push实现方法
`$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 的核心对象,使用它可以方便地进行页面路由的控制。
阅读全文