vue 路由跳转总结

参考地址：https://www.cnblogs.com/hwldyz/p/9204346.html

this.$router.push、replace、go的区别

1.this.$router.push()

描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。

用法：

// 字符串
this.$router.push('home')
 
// 对象
this.$router.push({ path: 'home' })
 
// 命名的路由
this.$router.push({ name: 'user', params: { userId: 123 }})
 
// 带参数，比如：/register?plan=private
this.$router.push({ path: 'register', query: {plan: 'private'}})

2.this.$router.replace()

描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面