Vue入坑——vue-router的重定向redirect

上一篇：單頁面配置多路由

一塊兒學vue——vue學習總路線

——————————^~^我是萌萌噠分割線^~^————————————————

前言

在開發當中，咱們每每設置不一樣的路徑進行跳轉，但有時候不一樣的路徑多是同一個頁面，或者說同一個組件，這時候就須要路由的重定向。

基本redirect重定向

這裏咱們實現一個點擊返回主頁就跳轉到模板裏的HelloWorld.vue

a、先在index.js裏配置

下面的redirect的路徑就是咱們要跳轉到的組件的路徑，咱們這裏要跳轉到模板裏的helloworld，他的路徑就是‘/’

b、在App.vue中寫路由跳轉連接router-link

      <router-link to="/gohome">返回主頁</router-link>

c、看看結果

帶參數的重定向

a、先配置路由路徑

在index.js裏配置

b、在App.vue中進行跳轉

  <router-link to="/gohomewithparam/555/java">帶參數返回</router-link>

c、結果

——————————^~^我是萌萌噠分割線^~^————————————————

下一篇：