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 5.7 で業務を停止せずに従来のレプリケーションを GTID レプリケーションに変更する例

GTID の利点により、従来のファイル POS ベースのレプリケーションを GTID ベースのレプリ...

WeChat 8.0の爆発的な特殊効果を実現するために300行以上のCSSコードが必要

WeChat 8.0 アップデートの主な特徴は、アニメーション絵文字のサポートです。送信するメッセー...

Vue-routerルーティングの使い方

目次1. 説明2. インストール3. テスト1. 説明Vue Router は、Vue.js の公式...

Linux のユーザーとグループ管理によく使われるコマンドの概要

この記事では、Linux のユーザーとグループの管理によく使用されるコマンドをまとめます。ご参考まで...

Vueデータ監視の原理の詳細な説明

目次1. はじめにII. 監視対象2.1 なぜオブジェクトを監視する必要があるのですか? 2.2 デ...

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

Vue3はフロントエンドのログを出力するためにaxiosインターセプターを使用する

目次1. はじめに2. axiosインターセプターを使用してフロントエンドログを出力する1. はじめ...

XHTML 入門チュートリアル: フレーム タグの使用

<br />フレーム構造により、ブラウザの 1 ページに複数の Web ページを同時に表...

JConsoler を使って Tomcat の JVM メモリを監視する方法を説明します

目次1. Tomcatを監視する方法2. Java独自の監視コマンド3. Tomcatのトラブルシュ...

MySQLのパスワードを忘れた場合の対処方法

MySQL パスワードを 2 回忘れてしまいましたか?最初、私はアンインストールして再インストールす...

ウェブページのフラッシュアニメーションが表示されない問題の解決策

<br />解決手順は次のとおりです。スタート -> 実行 -> reged...

MySQL count(1)、count(*)、count(field)の違い

目次1. COUNTの初見2. COUNT(フィールド)、COUNT(定数)、COUNT(*)の違い...

HTML の <input> タグの詳細な説明と、それを無効にする方法

定義と使用法<input> タグはユーザー情報を収集するために使用されます。 type ...

Docker のインストールと構成イメージの高速化の実装

目次DockerバージョンCentOS に Docker エンジンをインストールするシステム要件古い...

Unicodeの一般的な記号

Unicode は、世界中のすべてのテキストと記号に対応できる国際組織によって開発された文字エンコー...