1. 程式人生 > >vue-router 宣告式路由導航和程式設計式路由導航

vue-router 宣告式路由導航和程式設計式路由導航

前提: $router:路由器物件

            $route:當前路由資訊

一、 宣告式路由導航 ==>> 即<router-link>

eg: <router-link to='xxx' tag='li'> To PageB </router-link>

注意:<router-link> 會預設解析成 a 標籤,可以通過 tag 屬性指定它解析成什麼標籤

二、程式設計式路由導航 ==>> 即寫js的方式

相關 API:
1) this.$router.push(path): 相當於點選路由連結(可以返回到當前路由介面)   ==>> 佇列的方式(先進先出)
2) this.$router.replace(path): 用新路由替換當前路由(不可以返回到當前路由介面)    ==>> 棧的方式(先進後出)
3) this.$router.back(): 請求(返回)上一個記錄路由
4) this.$router.go(-1): 請求(返回)上一個記錄路由
5) this.$router.go(1): 請求下一個記錄路由

eg:

 

 

文章僅為本人學習過程的一個記錄,僅供參考,如有問題,歡迎指出!