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スタイルと機能的な技術処理

推薦する

MySQLはデータベースのN+1クエリ問題を解決します

導入HibernateやMyBatisなどのORMフレームワークでは、部門に関連付けられたユーザーオ...

CSS を使用して画像の色を変更する 100 の方法 (収集する価値あり)

序文「画像処理というと、PhotoShop などの画像処理ツールを思い浮かべることが多いです。フロン...

ElementuiはデータをxlsxとExcelテーブルにエクスポートします

最近、Vue プロジェクトについて知り、ElementUI でデータを xlsx および Excel...

熟練デザイナーの7つの原則(1):フォントデザイン

まあ、あなたはデザインの達人かもしれませんし、あるいはそれは大げさすぎるかもしれませんが、少なくとも...

MySQLカスタム変数の概念と特徴

MySQL カスタム値は、値を保存するための一時的なコンテナです。サーバーへの接続がアクティブである...

HTML の title 属性を正しく使用するためのヒント

コンテンツを携帯電話、タブレット、支援技術のユーザーから非表示にし、キーボードのユーザーにのみ表示す...

MySQLの指定順序ソートクエリについての簡単な説明

最近、空港や駅でフライト情報を表示するものと似た大型スクリーンディスプレイのプロジェクトに取り組んで...

Vue+element+oss はフロントエンドのフラグメントアップロードとブレークポイント再開を実現します

純粋なフロントエンド実装:切片上傳斷點續傳。斷點續傳カットとアップロードに基づいて実装する必要があり...

Windows オペレーティング システムでポートの使用状況を照会およびクリアするプログラム

Windowsオペレーティングシステムでは、ポートの占有状況を照会し、ポートの占有状況をクリアするプ...

MySQL のインデックスとビューの使用方法と違いの詳細な説明

序文この記事では主に、MySQL のインデックスとビューの使用方法と違いを紹介し、参考と学習のために...

ウィンドウとLinuxプロジェクトを展開する際のLinuxファイルパスに問題はありません

長い間ブログを書いていませんでした。先週、プロジェクトをテストしたところ、いくつかのバグが見つかりま...

サブメニューをクリックする効果を実現するJavaScript

この記事では、クリック時にサブメニューを表示するためのJavaScriptの具体的なコードを参考まで...

MySQL 8.0.22 解凍版インストールチュートリアル(初心者向け)

目次1. リソースのダウンロード2. ソフトウェアを解凍する2.1 場所を選択する2.2 名前を変更...

kubernetes1.5.2 から kubernetes1.10 にアップグレードする際の主要な設定変更記録

この記事では、kubernetes1.5.2 から kubernetes1.10 にアップグレードす...

uni-app WeChatアプレット認証ログイン実装手順

目次1. appIDの申請と設定1. appidの取得方法2. AppIDの設定2. 基本的なユーザ...