在 vue 中,实现路由跳转有两种方式

1. 声明式导航:router-link(一般情况都使用这个)

2. 编程式导航:this.$router.push    和    this.$router.replace

 

  1.  在什么情况下要使用编程式导航?

              比如在登录页面,点击登录按钮的时候要跳转到系统主页面,这时我们就会用到编程式导航

         2.  this.$router.push(path)

              是跳转到指定路由,还可以前进和后退,this.$router.go(正数/负数)——正数代表前进几步,负数代表后退几步

         3.  this.$router.replace(path)

              是替换当前路由跳转到指定路由,不会向 history 添加新纪录,不能前进和后退