笔记

根据前面的知识，我们知道使用 可以实现跳转。
但是有时候，万一导航是由 button 写的(其中情况之一,为了说明不是用 router-link )，如何实现跳转呢?

后退 前进

13:30

视频教程中的笔记

编程式路由导航

1. 作用：不借助<router-link>实现路由跳转，让路由跳转更加灵活

2. 具体编码：

   //$router的两个API
   this.$router.push({
       name:'xiangqing',
           params:{
               id:xxx,
               title:xxx
           }
   })

   this.$router.replace({
       name:'xiangqing',
           params:{
               id:xxx,
               title:xxx
           }
   })
   this.$router.forward() //前进
   this.$router.back() //后退
   this.$router.go() //可前进也可后退