vue-router にはどのようなルーティング ガードがありますか?

vue-router ルーティング ガードには次のものが含まれます: 1. 「グローバル ルーティング ガード」は、ルーティング インスタンスで直接動作するフック関数を指します。 2. 「ルート排他的ガード」は、ルーティング インスタンスでも設定できる関数を指します。単一ルート セットフック関数; 3. 「コンポーネントガード」とは、コンポーネント内で実行されるフック関数を指します。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

ルーティング ガードとは何ですか?

正式な説明:

「ナビゲーション」はルートが変更されていることを示します。 vue-router が提供するナビゲーションガードは、その名のとおり、主にジャンプやキャンセルによるナビゲーションのガードに使用されます。ルート ナビゲーション プロセスを組み込む機会は複数あります。グローバル、単一ルート専用、またはコンポーネント レベルです。

簡単に言えば、ナビゲーション ガードは、ルーティング ジャンプ プロセスのフック関数です。配線ジャンプは大きな処理です。この大きな処理はジャンプ前、途中、ジャンプ後などの小さな処理に分かれています。それぞれの処理に関数があります。この関数により他の操作が可能になります。これがナビゲーション、ガードです。コンポーネントのライフサイクル フック関数と同様

#ルート ガードの分類

1. グローバル ルート ガード: コンポーネントで直接動作するフック関数を指します。ルーティング インスタンスの特徴は、ルーティングが設定されたすべてのコンポーネントがトリガーされることです。率直に言うと、ルーティングをトリガーすると、これらのフック関数がトリガーされます

• beforeEach (to、from、next)

• beforeResolve (to、from、next)

• afterEach (to、from)

2 . ルート排他ガード: 単一ルートを設定する場合にも設定できるフック関数のことを指します

• beforeEnter (to、from、next)

3. コンポーネントガード : コンポーネント内で実行されるフック機能で、コンポーネント内のライフサイクルに似た機能で、ルーティングが設定されたコンポーネントに追加されたライフサイクルフック機能に相当します。

• beforeRouteEnter (to、from、next)

• beforeRouteUpdate (to、from、next)

• beforeRouteLeave (to、from、next)

(学習ビデオ共有:

vuejs チュートリアル、Web フロントエンド)

以上がvue-router にはどのようなルーティング ガードがありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。