$router是用來操作路由的两疚，$route是用來獲取路由信息的
$route對象表示當前的路由信息床估，包含了當前URL解析得到的信息
$route:
1诱渤、$route.path
字符串丐巫，對應(yīng)當前路由的路徑源哩，總是解析為絕對路徑
2鞋吉、$route.params
由key/value組成的對象励烦，包含了動態(tài)片段和全匹配片段谓着，如果路由沒有傳參坛掠，就是一個空對象
3、$route.query
由key/value組成的對象屉栓，表示URL查詢參數(shù)
例如 /login?user=zs,則$route.query.user==zs 如果沒有傳查詢參數(shù)則是一個空對象
4、$route.hash
當前路由的的hash值友多，如果沒有hash值，則為空字符串
5域滥、$route.fullPath
完成解析后的URL纵柿，包含查詢參數(shù)和hash的完整路徑
6、$route.matched
數(shù)組昂儒，包含當前匹配的路徑中所包含的所有片段所對應(yīng)的配置參數(shù)對象
7、$route.name
當前路徑名字
$router
1渊跋、$router.push
字符串
this.$router.push('login')
對象
this.$router.push({path:'login'})
命名的路由
this.$router.push({name:'zs',params:{age:20}})
變成/zs/20
帶查詢參數(shù)
this.$router.push({path:'login',query:{username:'zs'}})
變成/login?username=zs
2、go
頁面路由跳轉(zhuǎn) 前進或者后退
this.$router.go(-1) 后退
3拾酝、replace
push方法會向history棧添加一個新的記錄，而replace方法是替換當前的頁面蒿囤，不會向history棧添加一個新的記錄
一般使用replace來做404頁面
this.$router.replace('/')
配置路由的時候path有時候會加'/'有時候不加，以'/'開頭的會被當做根路徑蟋软，就不會一直嵌套之前的路徑$route和$router的區(qū)別
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來租悄，“玉大人，你說我怎么就攤上這事泣棋〗赫埽” “怎么了潭辈？”我有些...
- 文/不壞的土叔 我叫張陵澈吨，是天一觀的道長。 經(jīng)常有香客問我棚辽，道長，這世上最難降的妖魔是什么屈藐？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮联逻，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘包归。我一直安慰自己，他們只是感情好铅歼，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著椎椰，像睡著了一般。 火紅的嫁衣襯著肌膚如雪慨飘。 梳的紋絲不亂的頭發(fā)上，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼茫多！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布，位于F島的核電站汁展，受9級特大地震影響厌殉，放射性物質(zhì)發(fā)生泄漏食绿。R本人自食惡果不足惜公罕，卻給世界環(huán)境...
- 文/蒙蒙 一器紧、第九天 我趴在偏房一處隱蔽的房頂上張望楼眷。 院中可真熱鬧铲汪，春花似錦罐柳、人聲如沸掌腰。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至勺择，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間省核，已是汗流浹背稿辙。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- vue-router中$route和$router的區(qū)別 $router: 代表的是路由器對象，包含一些實...
- $route是“路由信息對象”爱咬，是一個局部對象，其包含name精拟、path、fullpath蜂绎、params栅表、quer...
- 1.$router對象是全局路由的實例师枣，是router構(gòu)造方法的實例怪瓶。 2.$route對象表示當前的路由信息践美，包...
- 一句話概括：route洗贰。 $route陨倡，一個對象敛滋，里面包括一次跳轉(zhuǎn)需要的路由信息兴革。 $router,路由管理器矛缨，其...
