Vueのクエリとパラメータの違い

Vue.js における query と param の違いは、query は URL クエリ文字列 (?key=value など) 内のデータにアクセスするのに対し、param は URL セグメント内のデータ (path/ など) にアクセスすることです。 to/リソース/ :キー/値)。クエリは動的に更新でき、パラメータはルート ナビゲーションで再ロードされます。

#Vue.js の Query と Param の違い

Vue.js ルーティング システムでは、

query と param は、URL で渡されたデータにアクセスする 2 つの異なる方法です。

query

URL クエリ文字列を介して
• ?key=value 形式で渡されたデータにアクセスします。
• this.$route.query 経由でアクセスします。
は、フィルタリング、並べ替え、ページングなどの重要ではない情報を伝えるためによく使用されます。
• ページを再読み込みせずに動的に更新できます。

param

URL セグメントを通じて渡されたデータにアクセスします。形式は
• path/to/resource/:key/value です。 ＃＃＃。
this.$route.params
• 経由でアクセスします。 は通常、リソースまたはパスの一部を識別する重要な情報を伝えるために使用されます。
• ルートナビゲーション中にリロードされます。
• #例

<code class="js">// 路由定义
const router = new VueRouter({
  routes: [
    {
      path: '/users/:id',
      component: User
    }
  ]
});

// 组件内访问数据
const User = {
  mounted() {
    console.log(this.$route.params.id); // 访问 URL 段中的 "id"
    console.log(this.$route.query.filter); // 访问查询字符串中的 "filter"
  }
};</code>

概要

アクセス クエリのクエリ

文字列内のデータ
• param は、URL セグメント内のデータにアクセスするために使用されます。 query
は動的に更新でき、
• param はルート ナビゲーション中に再ロードされます。 データ型とユースケースに基づいて、適切なアクセス方法を選択してください。

以上がVueのクエリとパラメータの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。