params：/article/:id ，/article/123，/article/789 ,這里的id叫做params;

query：/article?id=123 ,/article?id=456 ,這里的id叫做query;

獲取路由中參數(shù)：

$route.params

類型: Object
一個(gè) key/value 對(duì)象，包含了 動(dòng)態(tài)片段 和 全匹配片段，如果沒有路由參數(shù)，就是一個(gè)空對(duì)象。

$route.query

類型: Object

一個(gè) key/value 對(duì)象，表示 URL 查詢參數(shù)。例如，對(duì)于路徑 /foo?user=1，則有 $route.query.user == 1，如果沒有查詢參數(shù)，則是個(gè)空對(duì)象

this.$route.params這種方法用來(lái)獲取url帶的參數(shù)

例如url = http://127.0.0.1:5500/messageCenter/IMDetail/cb89d22a-74b0-4852-b8ee-c32003a3cec8?companyAvatar=某某.jpg&companyName=黃氏響聲丸

這個(gè)url使用上面方法，獲取的參數(shù)為this.$route.params = cb89d22a-74b0-4852-b8ee-c32003a3cec8

而this.$route.query這種方法用來(lái)獲取url中'？'后面的參數(shù)

例如：this.$route.query.companyName = '黃氏響聲丸'

this.$route.query.companyAvatar = '某某.jpg'

反過(guò)來(lái)傳值方式也能理解吧？

你如果了解一下 REST 風(fēng)格的 URL 是如何設(shè)計(jì)的，就能明白它們之間的差異了。通常來(lái)講，我們要傳遞一個(gè)參數(shù)給后端，會(huì)用 query 傳參，例如：

http://www.xxx.com/user?id=1

其中 id=1就是參數(shù)，而 URL 路徑是 /user。但是在 REST 里邊，是這么設(shè)計(jì)的：

http://www.xxx.com/user/1

其中 1 是參數(shù)的同時(shí)也是路徑的一部分，并且是動(dòng)態(tài)的。那么后端（在這里就是前端路由上）會(huì)這樣匹配 URL 并獲取 id 參數(shù)：

/user/:id

這樣傳遞的參數(shù)就是 params，問(wèn)號(hào)好則是 query。其實(shí)兩種都行的，只是取決于你采用怎樣的設(shè)計(jì)。

關(guān)于vue-router的傳參可以看下 vue-router基本傳參方式

和get，post類似，query是get，params是post

簡(jiǎn)單來(lái)說(shuō)
query在url上會(huì)表現(xiàn)為?id=333
而params的url沒有這個(gè)