一塊兒學vue——vue學習總路線vue-router
——————————^~^我是萌萌噠分割線^~^————————————————函數
上一篇,咱們學習了redirect,實現了重定向的效果,其實這個alias和redirect也有一樣的效果,但仍是有些略微不一樣,一塊兒來看看。學習
a、在index.js中配置url
這裏咱們把前面配過的hellovue組件弄個別名spa
b、在App.vue中添加連接.net
c、看看效果router
a、redirectblog
這裏咱們的返回主頁用了重定向路由
看一下他的url
始終都是原路徑
b、再看一下alias的路徑
他會將url展現在路徑框裏。
c、總結
『重定向』的意思是,當用戶訪問/a時,URL 將會被替換成/b,而後匹配路由爲/b
/a的別名是/b,意味着,當用戶訪問/b 時,URL 會保持爲/b,可是路由匹配則爲/a,就像用戶訪問/a 同樣。
我查到有博客說,給path爲‘/’添加別名不能起做用,如今咱們來試試。
咱們來試試給首頁添加一下
結果:
能夠啊???黑人問號???多是他版本過低吧~
——————————^~^我是萌萌噠分割線^~^————————————————