av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

vue $router和$route的區(qū)別詳解

瀏覽:106日期:2022-10-22 09:48:19

一、router為VueRouter的實例,相當于一個全局的路由器對象,里面含有很多屬性和子對象,例如history對象。。。經(jīng)常用的跳轉(zhuǎn)鏈接就可以用this.$router.push,和router-link跳轉(zhuǎn)一樣。。。

this.$router.push會往history棧中添加一個新的記錄。。詳細見vue官方文檔

route相當于當前正在跳轉(zhuǎn)的路由對象。??梢詮睦锩娅@取name,path,params,query等。。

打印this.$route和this.$router。

vue $router和$route的區(qū)別詳解

路由傳參的方式

1.可以手寫完整的path:

this.$router.push({path:`/user/${userId}`})

這樣傳遞參數(shù)的話,配置路由的時候需要在path上加參數(shù)path:user/:userId。

這種接收參數(shù)的方式是this.$route.params.userId。

2.也可以用params傳遞:

vue $router和$route的區(qū)別詳解

3.也可以用query傳遞:

vue $router和$route的區(qū)別詳解

query傳參是針對path的,params傳參是針對name的。。接收參數(shù)的方式都差不多。。this.$route.query.和this.$route.params.

注意這只是跳轉(zhuǎn)url,跳轉(zhuǎn)到這個url顯示什么組件,得配置路由。router跳轉(zhuǎn)和<router-link>標簽跳轉(zhuǎn),規(guī)則差不多。

展示上的話:

vue $router和$route的區(qū)別詳解

注意:如果提供了path,params將會被忽略,但是query不屬于這種情況。。。

如果使用完整路徑和query傳參,刷新頁面時不會造成路由傳參的參數(shù)丟失。

這個vue官方文檔講的很詳細。

二、有時候配置路由時path有時候會加 ’/’ 有時候不加,例如path:’name’和path:’/name’。區(qū)別其實官方文檔說了,我當時沒仔細看,導(dǎo)致這個問題還困擾了我很久。

vue $router和$route的區(qū)別詳解

意思就是以 / 開頭的會被當做路徑,就不會一直嵌套之前的路徑。

到此這篇關(guān)于vue $router和$route的區(qū)別詳解的文章就介紹到這了,更多相關(guān)vue $router和$route內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!

標簽: Vue
相關(guān)文章:
主站蜘蛛池模板: 特级毛片www | 国产我和子的乱视频网站 | 蜜桃在线播放 | 国产精品不卡视频 | 国产三级 | 久久精品国产一区二区电影 | 国产精品久久久久久一区二区三区 | 国产精品成人一区二区三区吃奶 | 亚洲aⅴ| 就操在线 | 亚洲欧洲视频 | 精品亚洲一区二区三区 | 久久精品这里精品 | 欧美三级三级三级爽爽爽 | 羞羞视频免费观看入口 | 亚洲欧美中文日韩在线v日本 | 超碰美女在线 | 在线不卡 | 亚洲成人午夜电影 | 欧美一级在线 | 人人操日日干 | 99国产精品久久久 | 成人妇女免费播放久久久 | 亚洲一二三区在线观看 | 日韩欧美三区 | 99pao成人国产永久免费视频 | 国产一区二区免费 | 免费看国产a | 久热精品在线观看视频 | 香蕉视频黄色 | 91精品国产777在线观看 | 久久久激情 | 亚洲区在线 | 日韩精品一区二区三区中文在线 | 91免费小视频 | 国产乱码久久久久久 | 久久亚洲国产精品日日av夜夜 | 精品日韩在线 | 国产精品一区二区久久久久 | 日本韩国电影免费观看 | 久草网站 |