vueのthis。$ route.paramsとthis。$ route.queryの違いは何ですか？（開発中に発生した問題）

主な違いは1つの文です：query：URLにパラメーターあり; param：URLにパラメーターなし

例えば：

1.これ。$ Route.queryの使用

A.パラメータの受け渡し：

this.$router.push({
         path: '/monitor',
         query:{
               id:id,
          }
}）

B.パラメータを取得します。

this.$route.query.id

C. URLのフォーム（URLにパラメーターを含む）

http://172.19.186.224:8080/#/monitor?id=1

D.ルーティングジャンプを使用してページ間でパラメーターを転送する場合、ジャンプ後にパラメーターを転送するページを更新すると、データにもその存在が示されます（この問題はプロジェクトで発生します）

2.本。$ Route.params使用

A.パラメータの受け渡し：

this.$router.push({
         name: 'monitor',
         params:{
               id:id,
          }
}）

B.パラメータを取得します。

this.$route.params.id

C. URLのフォーム（URLにパラメーターなし）

http://172.19.186.224:8080/#/monitor

D.ルーティングジャンプを使用してページ間でパラメーターを転送する場合、ジャンプ後にパラメーターを転送するページを更新すると、データが存在しません（この問題はプロジェクトで発生します）