vue-routerでのクエリとパラメータの違い

queryとparamsの両方が、Vueルーティングで渡されるパラメーターです。

使用法：クエリはパスで導入され、paramsはパスではなく名前でのみ渡すことができます 

表示効果：クエリはajaxでのgetリクエストに似ており（パラメーターはアドレスバーに表示されます）、paramsはpostメソッドに似ています（パラメーターはアドレスバーに表示されません）

 

クエリモードでのパラメーターの受け渡し

// 
this。$ router.push（{ 
        path： '/ xxx' 
        query：{ 
          id：id 
        } 
 }）
 パラメータを
渡します//パラメータthis。$ route.query.idを受け取ります

 

渡すパラメーターはthis。$ routerで、受け取るパラメーターはthis。$ routeです。

$ routerはVueRouterのインスタンスです。別のURLに移動するには、$ this.router（プッシュ、移動、置換）のメソッドを使用してルートを切り替えることができます

$ routeは現在のルーターリダイレクトオブジェクトです。名前、パス、クエリ、パラメータ、その他の関連情報を取得できます

 

パラメータを渡してパラメータを受け取る方法

//パラメータを渡す：
this。$ router.push（{ 
        name： 'xxx' 
        params：{ 
          id：id 
        } 
      }）
  
//受信パラメータ：
this。$ route.params.id

 

paramsで渡されるパラメーターは、パスではなく名前のみにすることができます

paramsはルートをインポートするために名前のみを使用できます。ここにパスが記述されている場合、パラメーターページは未定義になります

 

元のブログ：https : //www.cnblogs.com/theblogs/p/10462155.html