ルーティング構成:{パス: '/ログイン'、名前: 'ログイン'、コンポーネント:ログイン}、
1.ページにクエリパラメータのジャンプが含まれている(パス、名前は、ログインにジャンプするときにクエリパラメータを使用できることを示しています)
this。$ router.push({path: '/ login'、name: 'Login'、query:{id:this.id })
クエリはgetリクエストを送信することと同じです。リクエストパラメータはブラウザのアドレスバーに表示されます
2.ページにparamsパラメータジャンプが含まれている(paramsパラメータジャンプが含まれている場合は、paramsのみを指定できます)
this。$ router.push({name: 'Login'、params:{id:this .id})
Paramsは投稿リクエストを送信することと同じで、リクエストパラメータは表示されず、ページが更新されるとパラメータは表示されなくなります
ルーティング構成がに変更されたとき
ルーティング構成:{パス: '/ログイン/:ID'、名前: 'ログイン'、コンポーネント:ログイン}
もう一度リクエストを送信します。リクエストされたデータはページの更新で消えません
リクエストパラメータを取得する
this。$ route.params.id
this。$ route.query.id
注:
ルーターはVueRouterのオブジェクトです。Vue.use(VueRouter)とVueRouterのコンストラクタを通じて、ルーターインスタンスオブジェクトが取得されます。このオブジェクトはグローバルオブジェクトです。すべてのルートが含まれ、多くの主要なオブジェクトと属性が含まれています。
$ router.push({path: 'login'});本質はルートを履歴スタックに追加することです、私たちの意見ではルートを切り替えることですが、本質は履歴レコードを追加することです。
ルートはジャンプのルートオブジェクトです。各ルートはルートオブジェクトを持ち、ローカルオブジェクトです。対応する名前、パス、パラメータ、クエリなどを取得できます。