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

一、this.$router.push

说明：跳转到指定URL，向history栈添加一个新的记录，点击后退会返回至上一个页面

使用：

//字符串
this.$router.push('/user')
//对象
this.$router.push({path:'/user'})
//带查询参数，变成 /register?plan=private
this.$router.push({ path: "register", query: { plan: "private" } });
//这里的路由匹配 name应该跟router/index.js中路由的name一致，而且params中id也应该保持一致
this.$router.push({name:'User',params:{id:'123'}})
//手写完整的带有参数的 path
router.push({ path: `/user/${userId}` })

二、this.$router.replace

说明：跳转到指定URL，替换history栈中最后一个记录，点击后退会返回至上上一个页面

使用：同push
跟 router.push 很像，唯一的不同就是，它不会向 history 添加新记录，而是跟它的方法名一样 —— 替换掉当前的 history 记录。
三、this.$router.go(n)

说明：类似window.history.go(n)，向前或向后跳转n个页面，n可正（先后跳转）可负（向前跳转）

使用：

this.$router.go(1)    //类似history.forward()
 
this.$router.go(-1)   //类似history.back()