質量参加のルート:Vueが別の方法をVUEのページにあなたが目の前に取得したいデータのページをジャンプするページをルーティング
メソッドのルーティングは、パラメータの受け渡しに適しています:
1:ページデータ内のページは、ページBにページデータのB / Aに送信され
2:ページBにジャンプするページのクリックボタン、B Aのページには、データ・ページが必要です
Vuexとローカルキャッシュ方法話すことはありません。
質問:この方法を使用するのはなぜ?
A:ページ、ルートBのページにジャンプボタンをクリックして、私はまた、BページにデータAのページが必要
これは、データである: データ:「チョーク」は
二ルータ/ index.jsルーティングアドレスは何である: {パス:「/テーマ」、名称:「テーマ」、コンポーネント:テーマ}、 {パス:「/テーマ/。 ID '名称:' themeedit '成分:ThemeEdit}
これは、固定されたルーティングアドレスである: {パス:' /テーマ/ themeedit '名称:' themeedit」、コンポーネント:ThemeEdit}
使い方ソリューション:
最初の使用:
ページの使用: 。この$のrouter.push({パス: `/テーマ/ $ {}` this.data}) あなたが欲しい取得データ
使用ブリッジ(ルーティングアドレス):{パス: '/テーマ/:ID'、名称: 'テーマ'、コンポーネント:ThemeEdit}
Bページができ: $ route.params.id GETデータ
たとえば、次のコンテンツスロット式を使用して 、{{$ route.params.id}}
またはプライベートデータに割り当てる:this.dataはこの$のroute.params.idを=。
ただし、データとアドレスをルーティングし、ページのアドレスは次のとおりです。 HTTP:// localhostを:8080 /#/テーマ/チョーク
第2の使用:
使用してページ:。$ Router.pushこの({名: 'themeedit'のparams:{ID:this.data}})
使用ブリッジ(ルーティングアドレス):{パス: '/テーマ/ themeedit'、名称: 'themeedit'、コンポーネント:ThemeEdit}
上記と同様にBのデータ取得およびページ
します。http:// localhost:8080 /#/テーマ/ページのルーティングアドレスが固定されてthemeedit
より多くのデータ・ページBの参照を取得する:$ルータは、カップリングとデカップリング