vueのparamsとqueryの違い

Vue の

params は、ルート定義内の名前付きパラメーター (/user/:id の :id など) にアクセスするために使用されますが、query は、URL クエリ文字列内の追加パラメーター (/search? など) にアクセスするために使用されます。 q= vue の q)。

Vue における params とクエリの違い

前書き:
Vue . js の Params と query は、URL 内のパラメーターにアクセスするために使用される 2 つの属性です。どちらにも独自の使用法と違いがあります。

params

• params パラメータは、ルート定義で宣言された名前付きルート パラメータにアクセスするために使用されます。
• これらのパラメータは、$route.params オブジェクトに保存されます。
• これらは、ユーザー ID や記事のタイトルなどの特定のコンポーネントに動的データを提供するためによく使用されます。

query

• query パラメータは、URL クエリ文字列内のパラメータにアクセスするために使用されます。
• これらのパラメータは、$route.query オブジェクトに保存されます。
• これらは、ページネーションや並べ替えオプションなどの追加情報を URL から渡すためによく使用されます。

違いの概要:

# を通じてアクセスできます。

機能	params	query
パラメータ ソース	ルート定義の名前付きパラメータ	URL クエリ文字列の追加パラメータ
保管場所	$route.params	$route.query
目的	動的データをコンポーネントに渡す	追加情報をページまたはコンポーネントに渡す
アクセス メソッド	渡すことができますthis.$route.params アクセス	は、this.$route.query
Example	:id in ##/user/:id パラメータ q## in	/search?q=vue # パラメータ

使用シナリオの例:

params:
• ユーザー詳細ページで使用されます。 URL は /user/123 で、params.id は 123 です。
query:
• は記事リスト ページで使用されます。URL は /articles?page=2&sort=asc で、query.page## です。 # は 2、query.sort は asc です。

以上がvueのparamsとqueryの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。