2つのVUE Vueのページのバイオグラフィーのデータについて

質量参加のルート: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の参照を取得する:$ルータは、カップリングとデカップリング

 

所定のパラメータ内の送信のために推奨される方法、基準:Vueのナビゲーションプログラミング

おすすめ

転載: www.cnblogs.com/chalkbox/p/12549437.html