ヴュー:VUE-ルータルート

説明

  公式文書に開放可能な限り学習の時間

  VueのルータはVue.js公式ルートマネージャです。単一ページのアプリケーション風構築するので、それVue.jsとの統合の中核深さ、。機能は次のとおりです。

  • ネストされたルーティング/テーブルビュー
  • モジュラー、コンポーネントベースのルーティングの設定
  • ルーティングパラメータ、クエリ、ワイルドカード
  • ビュートランジション効果Vue.js遷移システムに基づきます
  • ファイングレインコントロールナビゲーション
  • 自動アクティベーションリンクでのCSSクラス
  • HTML5過去のパターンやハッシュモード、IE9自動降格
  • スクロールバーの挙動の定義ので、

インストール

  最初に基づいたvue-cli学習のテスト; VUE-ルータがnode_modulesかどうかを確認します

  VUE-ルータは、プラグイン・パッケージであるので、我々はインストールするには、NPM / cnpmを使用する必要があります。プロジェクトディレクトリに、コマ​​ンドラインツールを開き、次のコマンドを入力します。

    npm install vue-router --save-dev

  あなたは、モジュラープロジェクトでそれを使用している場合、それは(Vue.useに合格しなければならない)、明示的な機能をルーティングインストールします。

  

テスト

1.設定ルートが配置main.js入口

 2.書き込みカスタムコンポーネント

3.設定ルートの転送

4.

 

スタートテスト: npm run dev

どのようにそれの部品を対応ルータを通るパスを見つけるには?単にロードマップを描きます

 

詳細な研究は、公式文書の閲覧に行ってください。

おすすめ

転載: www.cnblogs.com/FondWang/p/12345383.html