記事ディレクトリ
1.違い
- $ routerはVueRouterインスタンスです。別のURLに移動する場合は、$ router.pushメソッドを使用してください
- $ routeは、名前、パス、クエリ、パラメーターなどを取得できる現在のルータージャンプオブジェクトです。
アイコンを見てください：
両方を印刷して
見ることができます
- $ routerは、履歴ジャンプを含み、ルートジャンプを実現できます
- $ルートにはクエリ、params属性が含まれ、ジャンプルートで渡されるパラメーターはこれら2つに依存します
2、$ルーターの例
「ホーム」をクリックして/ホームにジャンプします
3つの$ route example-jumpルート転送パラメーター
1. $ routeのparams属性にパラメーターを渡します
次の図は赤いボックスに焦点を当てています
- App.vueのuserId 'zhangsan'をUser.vueに渡すプロセス
- コード実行フローは同じです
URL効果
を表示します
2. $ routerのquery属性で渡されるパラメーター
赤いボックスに焦点を当てる
- 上から順に、コードの実行順序です。
表示されたURL効果
は名前を渡します
3. params属性とquery属性によって渡されるパラメーターの違い
パラメータのタイプ
- ルーティング形式を設定します：/ user /：id
- 配信方法：パスの後に対応する値に従います
- 送信後に形成されるパス：/ user / 123、/ user / abc
クエリのタイプ
- ルーティング形式の構成：/ユーザー、一般的な構成
- 配信方法：クエリキーはオブジェクトの配信方法として使用されます
- 送信後に形成されるパス：/ user？Id = 123、/ user？Id = abc
4.注意
URL内/後のパス、および後のクエリ？
- URL形式：プロトコル：//ホスト：ポート/パス？クエリ（クエリ）
- 英語形式：スキーム：//ホスト：ポート/パス？クエリ＃fregment
