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

Beispiele und Vergleich von 3 Methoden zur Deduplizierung von JS-Objekt-Arrays

Inhaltsverzeichnis 1. Vergleich der Daten vor und...

Grafisches Tutorial zur Installation von MySQL 5.7.19 (tar.gz) unter Linux

Das erste Tutorial zur Installation der MySQL-5.7...

Tutorial zur Installation von Android Studio unter Ubuntu 19 und darunter

Aus Erfahrung weiß man, dass es eine gute Angewoh...

JavaScript zum Erzielen eines Zeitbereichseffekts

In diesem Artikel wird der spezifische Code für J...

Details zur Destrukturierungszuweisung in Javascript

Inhaltsverzeichnis 1. Array-Dekonstruktion 2. Obj...

Tutorial zur Installation von phpMyAdmin unter Linux centos7

yum install httpd php mariadb-server –y Notieren ...

Eine detaillierte Einführung in die Grundlagen des Linux-Scriptings

Inhaltsverzeichnis 1. Skript-Vim-Umgebung 2. So d...