Vue入坑——vue-router別名alias

上一篇:vue-router的重定向redirectvue

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

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

前言

上一篇,咱們學習了redirect,實現了重定向的效果,其實這個alias和redirect也有一樣的效果,但仍是有些略微不一樣,一塊兒來看看。學習

實現alias

a、在index.js中配置url

這裏咱們把前面配過的hellovue組件弄個別名spa

b、在App.vue中添加連接.net

c、看看效果router

redirect與alias區別

a、redirectblog

這裏咱們的返回主頁用了重定向路由

看一下他的url

始終都是原路徑

b、再看一下alias的路徑

他會將url展現在路徑框裏。

c、總結

『重定向』的意思是,當用戶訪問/a時,URL 將會被替換成/b,而後匹配路由爲/b

/a的別名是/b,意味着,當用戶訪問/b 時,URL 會保持爲/b,可是路由匹配則爲/a,就像用戶訪問/a 同樣。

填坑?

我查到有博客說,給path爲‘/’添加別名不能起做用,如今咱們來試試。

咱們來試試給首頁添加一下

結果:

能夠啊???黑人問號???多是他版本過低吧~

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

                                                                                                                  下一篇:vue-router鉤子函數

相關文章
相關標籤/搜索