第Vue中this.$router和this.$route的區(qū)別及push()方法官房文檔里是這樣說(shuō)明的：

通過(guò)注入路由器，我們可以在任何組件內(nèi)通過(guò)this.$router訪問(wèn)路由器，也可以通過(guò)this.$route訪問(wèn)當(dāng)前路由

可以理解為：

this.$router相當(dāng)于一個(gè)全局的路由器對(duì)象，包含了很多屬性和對(duì)象（比如history對(duì)象），任何頁(yè)面都可以調(diào)用其push(),replace(),go()等方法。

this.$route表示當(dāng)前路由對(duì)象，每一個(gè)路由都會(huì)有一個(gè)route對(duì)象，是一個(gè)局部的對(duì)象，可以獲取對(duì)應(yīng)的name,path,params,query等屬性。

關(guān)于push()方法：

想要導(dǎo)航到不同的URL，則使用router.push方法。這個(gè)方法會(huì)向history棧添加一個(gè)新的記錄，所以，當(dāng)用戶點(diǎn)擊瀏覽器后退按鈕時(shí)，則回到之前的URL。

當(dāng)你點(diǎn)擊router-link時(shí)，這個(gè)方法會(huì)在內(nèi)部調(diào)用，所以說(shuō)，點(diǎn)擊router-link:to="..."等同于調(diào)用router.push(...)。

push()方法的調(diào)用：

//字符串

this.$router.push('home')

//對(duì)象

this.$router.push({path:'home'})

//命名的路由

this.$router.push({name:'user',params:{userId:'123'}})

//帶查詢參數(shù)，變成/registerplan=private

this.$router.push({path:'register',query:{plan:private}})

注意：如果提供了path，params會(huì)被忽略，上述例子中的query并不屬于這種情況。取而代之的是下面例子的做法，你需要提供路由的name或手寫完整的帶有參數(shù)的path：

constuserId='123';

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

this.$router.push({name:'user',params:{userId}});//-/user/123

//這里的params不生效

this.$router.push({path:'/user',params:{userId}});//-/user

同樣的規(guī)則也適用于router-link組件的to屬性。

總結(jié)：

params傳參，push里面只能是name:'xxx'，不能是path:'/xxx'，因?yàn)閜arams只能用name來(lái)引入路由，如果這里寫成了path，接收參數(shù)頁(yè)面會(huì)是undefined。

路由傳參的方式：

1、手寫完整的path:

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

獲取參數(shù)：this.$route.params.userId

2、用params傳遞：

this.$router.push({name:'user',params:{userId:'123'}});

獲取參數(shù)：this.$route.params.userId

url形式：url不帶參數(shù)，http:localhost:8080/#/user

3、用query傳遞：

this.$router.push({path:'/user',query:{userId:'123'}});

獲取參數(shù)：this.$route.query.userId

url形式：url帶參數(shù)，http:localhost:8080/#/useruserId=123

直白的說(shuō)，query相當(dāng)于get請(qǐng)求，頁(yè)面跳轉(zhuǎn)的時(shí)候可以在地址欄看到請(qǐng)