VUEルート基礎

  VUEのVUEルータ公式ルーティングマネージャであるエンジンと一致する経路として経路対正規表現を使用して、我々は、高度なコンフィギュレーションモードの多くをサポートします。

  VUE-ルータモードは、の合計に分かれています:ハッシュ、歴史、抽象三種類。

 

ナビゲーション

  VUE-ルータのナビゲーションは、2つのモードに分かれて:宣言型プログラミングナビゲーションとナビゲーション。

  声明ナビゲーション:ルータリンクすることにより、ナビゲーション、ルーティング方法。

  プログラミングナビゲーション:router.pushの方法によりナビゲーションルーティング方法。

    プログラミングのナビゲーション方法:

      1)、router.push( 'ユーザ')。

      2)、router.push({パス: 'ユーザー/ 1234'})。

      3)、router.push({名: 'ユーザー'、patams:{にuserId:1234}})

      4)、router.push({パス: 'ユーザー/ 1234'、クエリ:{タイプ:試験}})

    一般動的ルーティングプログラムのナビゲーションに使用するメソッド名、動的ルーティング経路が結腸で使用される場合、すなわちルートを定義:パス(「」)は、{名前として:「ユーザ」、パス:「ユーザー/:userIdを「};パスのname属性を使用することはできません使用後に、名前、実際に使用するモードは、ルート名への道があります。

 

名前付きルート

  マークを使用することによって同定することができる再利用使用する場合、いわゆる命名ルーティングが実際にルートの定義におけるルーティングタグにname属性を使用しています。

 

名前付きビュー

  時々、私たちは同じレベルの表示で複数のルーティングコンポーネントになりたいが、右下を表示するいくつかの方法をしたいですか、と下のいくつかのルートが表示されませんので、達成するための他の方法は、より多くの悩みかもしれない、ともよいです様々な判断を使用します、我々は名前のビューを使用することができ、この時点では、次のコンポーネントの定義の中で私たちを一致させることができるように、<ルータ-VEW />にname属性を追加し、つまり、道を指すように簡単になります例えば名前、:

  {パス: 'ユーザ'、コンポーネント:{ヘッダ:ヘッダ、コンテナ:ユーザ、フッター:フッター}}

  <ルータビュークラス=「」ヘッダ「/> <ルータビュークラス= 『』コンテナ」/> <ルータビュークラス= 『フッタ』 />

  我々はルートに一致するとき、成分中に存在する属性ヘッダに対応する位置にヘッダディスプレイアセンブリで定義される場合、<ルータビュークラス=「」ヘッダ「/>;フッタと同じ容器。

 

 

  

おすすめ

転載: www.cnblogs.com/mufc/p/11302803.html