Detaillierte Erläuterung des verschachtelten Routings im Vue-Router

Detaillierte Erläuterung des verschachtelten Routings im Vue-Router

Schritt

1. Konfigurieren Sie Routing-Regeln und verwenden Sie das untergeordnete Konfigurationselement:

Routen:[
	{
		Pfad: „/about“,
		Komponente:Über,
	},
	{
		Pfad: „/home“,
		Komponente:Home,
		children:[ //Konfiguriere das Routing untergeordneter Elemente über children {
				Pfad: 'Nachrichten', //Nicht schreiben: /Nachrichten
				Komponente:Neuigkeiten
			},
			{
				Pfad: 'Nachricht', //Nicht schreiben: /Nachricht
				Komponente:Nachricht
			}
		]
	}
]

2. Springen (vollständigen Pfad schreiben):

   <router-link to="/home/news">Neuigkeiten</router-link>

Analysieren des Codes

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Bildbeschreibung hier einfügen

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!

Das könnte Sie auch interessieren:
  • So verwenden Sie vue3+TypeScript+vue-router
  • Detaillierte Erläuterung der Anwendungsbeispiele für Vue-Router 4
  • Detaillierte Erklärung der Routenkonfiguration von Vue-Router
  • Vue-Router-Beispielcode zum dynamischen Generieren von Navigationsmenüs basierend auf Backend-Berechtigungen
  • Detaillierter Installationsprozess und Prinzip des Vue-Routers
  • Ein super detailliertes Vue-Router Schritt-für-Schritt-Tutorial
  • Detaillierte Erklärung zur Installation und Verwendung von Vue-Router
  • Führen Sie die folgenden Schritte aus, um Vue-Router in Vue3 zu verwenden
  • Vue Router vue-router ausführliche Erklärung Anleitung
  • So verwenden Sie das Vue-Router-Routing
  • Vue-Routing – Erklärung zur Verwendung des Vue-Routers

<<:  Detaillierter Prozess der Installation und Konfiguration von MySQL und Navicat Prenium

>>:  Analyse der Initialisierung des Quellcodes des Linux-Kernel-Schedulers

Artikel empfehlen

Spezielle Befehle in der MySql-Datenbankabfrage

Erstens: Installation von MySQL Laden Sie die MyS...

So erstellen Sie eine monatliche Tabelle in einer gespeicherten MySQL-Prozedur

Lassen Sie uns, ohne ins Detail zu gehen, direkt ...

So verwenden Sie die JSZip-Komprimierung in CocosCreator

CocosCreator-Version: 2.4.2 Praktische Projektanw...

Lösung für das Problem „Linux QT Kit fehlt“ und „Version leer“

Derzeit tritt ein solches Problem auf Bei mir war...

Diagramm des Installations- und Verwendungstutorials für MySQL 8.0.17

Vorne geschrieben In der Vergangenheit und in akt...

Drei Möglichkeiten zum Erstellen eines Graueffekts auf Website-Bildern

Ich habe schon immer Graustufenbilder bevorzugt, d...

Zusammenfassung der Möglichkeiten zur Implementierung von Single Sign-On in Vue

Das Projekt wurde vor Kurzem ausgesetzt und die U...

Eine vollständige Liste gängiger Linux-Systembefehle für Anfänger

Das Erlernen von Linux-Befehlen stellt für die me...

So bereinigen Sie Daten in einer MySQL-Onlinedatenbank

Inhaltsverzeichnis 01 Szenarioanalyse 02 Funktion...

24 praktische Tipps zur JavaScript-Entwicklung

Inhaltsverzeichnis 1. Initialisieren Sie das Arra...

Detaillierte Erläuterung der Vue-Lebenszyklusfunktionen

Inhaltsverzeichnis Lebenszyklusfunktionen Allgeme...

js zur Realisierung einer einfachen Scheibenuhr

In diesem Artikel wird der spezifische Code von j...