Vue ルーティングでパラメータを渡すには 2 つの方法があります。パラメータとクエリ メソッドの違いです。

動的ルーティングは、ルーティング パラメータとも呼ばれ、異なる選択に従って同じコンポーネント内の異なるコンテンツをレンダリングします。

使用法: クエリはパスによって導入され、params は名前によって導入され、受信パラメータは類似しており、this.$route.query.name と this.$route.params.nameurl です。表示: params は post に似ています。クエリは get に似ており、セキュリティ上の問題があります。

<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
!-- 带查询参数，下面的结果为 /register?plan=private -->
<router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>

params の値を渡す方が比較的安全です。クエリは URL を通じてパラメータを渡しますが、更新ページはまだ存在しますが、params 更新ページは消えています。