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

推薦する

Vueコンポーネントの7つの通信方法についての深い理解

目次1. props/$emit導入コードサンプル2.Vスロット導入コードサンプル3.$refs/ ...

トップに戻るボタンの例の JavaScript 実装

この記事では、トップに戻るボタンを実装するためのJavaScriptの具体的なコードを参考までに紹介...

VUE を使用して Ali Iconfont ライブラリをオンラインで呼び出す方法

序文何年も前、私はサーバー側の初心者でしたが、業界の競争が激しくなるにつれて、フロントエンドの初心者...

nginx+FastDFS を使ってファイル管理システムを段階的に構築する

目次1. FastDFS の概要1. はじめに2. FastDFSストレージ戦略3. FastDFS...

MySQL 5.6.37 (zip) ダウンロード インストール 構成 グラフィック チュートリアル

この記事では、MySQL 5.6.37のダウンロード、インストール、設定のチュートリアルを参考までに...

CSSを使用して中央に固定された2つの列と適応型列を実現する方法

1. 絶対位置とマージンを使用するこの方法の原則は、左側と右側をドキュメントの流れから外れるように配...

Packetdrillの簡潔なユーザーガイド

1. Packetdrillのコンパイルとインストールソースコードリンク https://githu...

mysqldumpデータエクスポートの問題に関する詳細な議論

1. mysqldump の使用時にエラー (1064) が報告されます。これは、mysqldump...

Alibaba Cloud ECS サーバーの開始プロセス (初心者必読のチュートリアル)

1. Alibaba Cloudは、個人のニーズに応じて適切なクラウドサーバーを選択し、CPU、メ...

iframeノードの初期化の問題に関する議論

今日、ふとリッチテキストエディタの制作原理を見直してみようと思いました。それで、彼は何も言わずにそれ...

MySQL インデックスが失敗するいくつかの状況の概要

1. インデックスはnull値を保存しないより正確に言うと、単一列インデックスには null 値は格...

Linux での Hbase のインストールと設定のチュートリアル

目次Linux での Hbase のインストールと設定1. Hbaseインストールパッケージをダウン...

Centos に PHP7.4 と Nginx をインストールする方法

準備する1. 必要なインストールパッケージをダウンロードするhttps://www.php.net/...

Dockerを使用してサーバー上で複数のPHPバージョンを実行する

PHP7 がリリースされてからかなり時間が経ちますが、パフォーマンスが大幅に向上したことはよく知られ...

Web でよく使われるフォントの紹介 (iOS および Android ブラウザでサポートされているフォント)

年末なので仕事も少なくなっています。私が何もせずにいるのを見ると、上司はきっと不快に思うでしょう。そ...