Welche Routing-Guards hat der Vue-Router?

vue-router Routing Guards umfassen: 1. „Global Routing Guard“ bezieht sich auf die Hook-Funktion, die direkt auf der Routing-Instanz ausgeführt wird. 2. „Route Exclusive Guard“ bezieht sich auf die Hook-Funktion, die auch bei der Konfiguration einer einzelnen Routing-Instanz festgelegt werden kann Route ;3. „Komponentenschutz“ bezieht sich auf die innerhalb der Komponente ausgeführte Hook-Funktion.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Was ist Route Guard?

Offizielle Erklärung:

„Navigation“ bedeutet, dass sich die Route ändert. Wie der Name schon sagt, wird der von vue-router bereitgestellte Navigationsschutz hauptsächlich zum Schutz der Navigation durch Springen oder Abbrechen verwendet. Es gibt mehrere Möglichkeiten, den Routennavigationsprozess zu integrieren: global, exklusiv für eine einzelne Route oder auf Komponentenebene.

Einfach ausgedrückt sind Navigationswächter einige Hakenfunktionen im Routensprungprozess. Der Routing-Sprung ist ein großer Prozess, z. B. vor, in der Mitte und nach dem Sprung. Mit dieser Funktion können Sie einige andere Dinge ausführen. Ähnlich der Komponentenlebenszyklus-Hook-Funktion

Routing-Guard-Klassifizierung

1. Bezieht sich auf die Hook-Funktion, die direkt auf der Routing-Instanz ausgeführt wird Um es ganz klar auszudrücken: Das Auslösen der Route löst diese Hook-Funktionen aus:

• beforeEach (zu, von, als nächstes)

• beforeResolve (zu, von, als nächstes)

• afterEach (zu, von)

2. Route Exclusive Guard: bezieht sich auf die Hook-Funktion, die auch beim Konfigurieren einer einzelnen Route festgelegt werden kann

• beforeEnter (to, from, next)

3. Component Guard: bezieht sich auf die Hook-Funktion, die innerhalb der ausgeführt wird Komponente, ähnlich der Komponente Der Lebenszyklus innerhalb entspricht der Lebenszyklus-Hook-Funktion, die der mit Routing konfigurierten Komponente hinzugefügt wird. +

Web-Frontend

)

Das obige ist der detaillierte Inhalt vonWelche Routing-Guards hat der Vue-Router?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!