[Vue2.0] —vue-router(26)
1.vue-routerの理解
これは、SPAアプリケーションを実装するために特別に使用されるvueのプラグインライブラリです。
第二に、SPAアプリケーションの理論
- シングルページWebアプリケーション(SPA)。
- アプリケーション全体の完全なページは1つだけです。
- ページ内のナビゲーションリンクをクリックしても、ページは更新されませんが、ページの部分的な更新のみが行われます。
- データはajaxリクエストを介してフェッチする必要があります。
第三に、ルーティングの理解
(1)ルーティングとは何ですか?
1.ルートはマッピング関係のセット(キーと値)です
。2。キーはパスであり、値は関数またはコンポーネントの場合があります。
(2)ルーティングの分類
バックエンドルーティング
- 理解する:値は、クライアントから送信された要求を処理するために使用される関数です。
- 作業プロセス:サーバーは要求を受信すると、要求パスに従って一致する関数を見つけて要求を処理し、応答データを返します。
フロントエンドルーティング
- 理解:値は、ページのコンテンツを表示するために使用されるコンポーネントです。
- 作業プロセス:ブラウザのパスが変更されると、対応するコンポーネントが表示されます。
(3)、いくつかの注意点
- ルーティングコンポーネントは通常フォルダに配置
pages
され、一般的なコンポーネントは通常components
フォルダに配置されます - 切り替えることにより、ルーティングを非表示にするコンポーネントはデフォルトで自動的に破棄され、必要に応じてマウントされます。
- 各コンポーネントには独自の
$route
プロパティがあり、独自のルーティング情報を格納します - アプリケーション全体で1つだけで
router
あり、コンポーネントの$router
プロパティから取得できます。
(4)ルーティングの基本的な使用法
第4に、ルーティングのネスト(マルチレベルルーティング)
5.ルートのクエリパラメータ
6.ルートの命名
機能:ルーティングジャンプを簡素化します
使用方法:ルートに名前を付けます
ジャンプを簡素化する
7、ルートのparamsパラメータ
ルートを構成し、paramsパラメーターを受け取ることを宣言します