跳到主要内容

VueRouter 编程式导航

1. 前言

本小节我们介绍如何使用 VueRouter 编程式导航。包括 push、replace、go 三种方法的使用和区别。其中了解和掌握三种方法使用方式以及他们之间的区别是本节的重点。本节的内容相对容易,同学们只需要在学完本节的内容后稍加记忆,并通过一两个案例进行调试,相信一定可以对这三种方法的使用游刃有余。

2. router.push

在之前的小节中,我们的路由跳转是通过标签 <router-link> 来完成的。但有时候,我们可能需要通过一个普通的 onClick 事件来完成跳转。router.push 就可以帮我们实现这一点。

2.1 基本用法

让我们来看一个简单的示例: