Vueルータールーティングの詳細な説明

Vueルータールーティングの詳細な説明

1. 基本的な使い方

2. 注意すべき点

3. マルチレベルルーティング(マルチレベルルーティング)

4. ルーティングクエリパラメータ

5. 名前付きルート

例えば、3階層のディレクトリを書きたい場合、1階層目と2階層目のディレクトリを毎回持ってこなければならず面倒です。名前付きルーティングを使えば、名前で直接探すことができます。

6. ルーティングのパラメータ

1) ルートを設定するときは、まず受信パラメータを宣言する必要があります。つまり、最初にプレースホルダーを取得します。

2)

7. ルーティングプロパティの設定

router-linkreplace属性がオンになっている場合、現在のルート ジャンプによって以前のルート履歴レコードが上書きされます。

8. プログラムによるルーティングナビゲーション

ルーティング コンポーネントをキャッシュして、切り替え時に include に書き込まれたコンポーネントが破壊されないようにします。 includeを書かなければ、すべてがキャッシュされる

9. キャッシュルーティングコンポーネント

複数のキャッシュを書き込む方法:

ルーティング コンポーネントに関連する 2 つのライフサイクル フック:

1. 機能: ルーティング コンポーネントのアクティブ化ステータスを取得するために使用される、ルーティング コンポーネントに固有の 2 つのフック。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • VueJs ルーティングジャンプ - vue-router の使用に関する詳細な説明
  • Vueルーティングジャンプの4つの方法の詳細な説明(パラメータ付き)
  • vue ルーティング ジャンプ ルータ リンクの履歴をクリアする 3 つの方法 (要約)

<<:  Xtrabackup を使用して MySQL をバックアップおよび復元する方法

>>:  40 CSS/JSスタイルと機能的な技術処理

推薦する

Docker に MySQL と Redis をインストールする方法

この記事はCentOS 7.3システム環境をベースに、MySQLとRedisのインストールと使用につ...

JavaScriptのスリープ関数の使用

目次1.スリープ機能2.タイムアウトを設定する3. 約束4. 非同期待機5. 1秒後に出力1、2秒後...

MySQLの7種類のログの概要

MySQL には次のログ ファイルがあります。 1: 再実行ログ2: ロールバックログ(元に戻すログ...

JavaScript 関数呼び出しの典型的なサンプルコード

目次JavaScript 関数呼び出しの典型的な例JS関数の定義と呼び出し方法要約するJavaScr...

Docker イメージのエクスポート、インポート、コピーの例の分析

最初の解決策は、イメージを公開イメージリポジトリにプッシュし、それをプルダウンすることです。 2 番...

CSS 画像アニメーション効果のサンプルコード(フォトフレーム)

この記事では、CSS 画像アニメーション効果(フォトフレーム)のサンプルコードを紹介し、皆さんと共有...

Mysqlの同時パラメータ調整の詳細な説明

目次クエリキャッシュの最適化概要クエリプロセスクエリキャッシュ構成クエリキャッシュの無効化メモリ管理...

MySQL の自動増分主キーに関する詳細な説明

目次特徴保存戦略自己増加の決定自動増分値の変更実行プロセス問題点自動増分ロックロック戦略バッチ挿入の...

ubuntu15.10 での hadoop2.7.2 の詳細なインストールと設定

Linux での Hadoop インストール チュートリアルはインターネットや書籍に多数ありますが、...

Dockerで複数のSpringbootを実行するための詳細なチュートリアル

Dockerは複数のSpringbootを実行する1番目: ポートマッピング 2番目: メモリサイズ...

CentOS 8 システム FTP サーバーのインストールとパッシブ モードの設定の詳細なチュートリアル

目次1. 基本を理解する2. システム環境を確認する3. ftpコマンドをインストールする[オプショ...

Web 開発 js 文字列連結プレースホルダーと conlose オブジェクト API の詳細な説明

目次プレースホルダーの置き換えコンソール印刷テーブル()ログ、情報、警告、エラーグループ()、グルー...

Dockerコンテナ監視の原理とcAdvisorのインストールおよび使用方法

本番環境におけるコンテナの稼働状況を監視することは非常に重要です。監視を通じて、コンテナの稼働状況を...

Vue 組み込みコンポーネントのキープアライブでの LRU アルゴリズムの使用

目次Vue の keep-alive 組み込みコンポーネントの使用でもこのアルゴリズムが使用されます...

TypeScriptのインストールと使用方法と基本的なデータ型

最初のステップはTypeScriptをグローバルにインストールすることですnpmを使用してインストー...