vue-router重定向和路由別名的使用講解
更新時(shí)間：2019年01月19日 11:44:04 作者：muzidigbig
今天小編就為大家分享一篇關(guān)于vue-router重定向和路由別名的使用講解，小編覺(jué)得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來(lái)看看吧
一、重定向（你訪問(wèn)這個(gè)路徑，但他跳到另一個(gè)路徑，地址欄中顯示目標(biāo)路由的那個(gè)路徑）
“重定向”的意思是，當(dāng)用戶訪問(wèn) /a時(shí)，URL 將會(huì)被替換成 /b，然后匹配路由為 /b
二、路由別名（就是給這個(gè)路由起了個(gè)名字，訪問(wèn)這個(gè)路由的時(shí)候不需要訪問(wèn)path 而是訪問(wèn)alias后面的）
/a 的別名是 /b，意味著，當(dāng)用戶訪問(wèn) /b 時(shí)，URL 會(huì)保持為 /b，但是路由匹配則為 /a，就像用戶訪問(wèn) /a 一樣。
上面對(duì)應(yīng)的路由配置為：
const router = new VueRouter({
routes: [
{ path: '/a', component: A, alias: '/b' }
]
})
若有不足請(qǐng)多多指教！希望給您帶來(lái)幫助！
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對(duì)腳本之家的支持。如果你想了解更多相關(guān)內(nèi)容請(qǐng)查看下面相關(guān)鏈接
您可能感興趣的文章:
- vue3使用vue-router及路由權(quán)限攔截方式
- Vue3使用vue-router如何實(shí)現(xiàn)路由跳轉(zhuǎn)與參數(shù)獲取
- Vue-router的使用和出現(xiàn)空白頁(yè),路由對(duì)象屬性詳解
- 使用vue-router為每個(gè)路由配置各自的title
- 使用vue-router beforEach實(shí)現(xiàn)判斷用戶登錄跳轉(zhuǎn)路由篩選功能
- 使用vue-route 的 beforeEach 實(shí)現(xiàn)導(dǎo)航守衛(wèi)(路由跳轉(zhuǎn)前驗(yàn)證登錄)功能
- vue-router：嵌套路由的使用方法
- VueJs路由跳轉(zhuǎn)——vue-router的使用詳解
- 路由vue-route的使用示例教程
相關(guān)文章
這篇文章主要介紹了Vue中自定義一個(gè)鈴聲提示音組件的實(shí)現(xiàn)以及使用方法，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)Vue有一定幫助，需要的可以參考一下2022-01-01
這篇文章介紹了在Linux服務(wù)器上部署vue項(xiàng)目的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-11-11
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)選項(xiàng)卡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-03-03
這篇文章主要介紹了Vue的mixin策略的相關(guān)資料，幫助大家更好的理解和學(xué)習(xí)vue框架，感興趣的朋友可以了解下2020-11-11
這篇文章主要介紹了詳解vue/cli 3使用，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-08-08
在同一個(gè)Vue項(xiàng)目中的不同vue和HTML頁(yè)面之間進(jìn)行跳轉(zhuǎn)方式
這篇文章主要介紹了在同一個(gè)Vue項(xiàng)目中的不同vue和HTML頁(yè)面之間進(jìn)行跳轉(zhuǎn)方式,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-03-03
這篇文章大家分享了vue中axios的封裝的相關(guān)知識(shí)點(diǎn)以及實(shí)例代碼，有興趣的朋友參考學(xué)習(xí)下。2018-07-07
本篇文章主要介紹了vue-scroller記錄滾動(dòng)位置的示例代碼，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-01-01
TinyMCE是一款易用、且功能強(qiáng)大的所見(jiàn)即所得的富文本編輯器,跟其他富文本編輯器相比,有著豐富的插件,支持多種語(yǔ)言,能夠滿足日常的業(yè)務(wù)需求并且免費(fèi),本文小編給大家詳細(xì)介紹了Vue中tinymce富文本功能配置,需要的朋友可以參考下2023-11-11
這篇文章主要介紹了vue diff算法的使用，幫助大家更好的理解和學(xué)習(xí)使用vue，感興趣的朋友可以了解下2021-04-04