Vue.js - Routing mit Vue-Router

Ziele der Schulung

In dieser 1-tägigen Schulung "Vue.js - Routing mit Vue-Router" lernen Sie, wie Sie stabiles Routing in Ihren Vue-Anwendungen implementieren können. Der Kurs beginnt mit einem Überblick über Vue und der Installation von Vue-Router. Anschließend wird ausführlich auf die Erstellung von Routen eingegangen und gezeigt, wie verschiedene Komponenten abhängig von der Route dargestellt werden können. Abschließend werden die Verwendung von verschachtelten Routen, benannten Routen und benannten Routenbereichen behandelt. Mit diesem Kurs werden Sie in der Lage sein, das Routing in Vue-Anwendungen effektiv zu gestalten und Ihre Komponenten basierend auf den Routen zu verwalten.

Zielgruppe Seminar

• Web-Entwickler

Voraussetzungen

Für eine optimale Teilnahme am Kurs empfehlen wir folgende Vorkenntnisse:

• Solide Vue.js Kenntnisse
• Grundsätzliches Verständnis von Composition API-Konzepten

Seminarinhalt

Einführung

• Was ist Vue-Router?
• Kernkonzepte von Vue-Router

Erste Schritte

• Installation der Vue-Router Bibliothek
• Erstellen der ersten Route
• Hinzufügen einer Router-View Komponente

Route Grundlagen

• Verwendung dynamischer Route Parameter
• Übergabe von Routing-Parametern als Component Props
• Nesting routes
• Programmgesteuert navigieren
• Verwendung von Router-Link-Komponenten
• Benennung von Routes

Zwischengeschaltete Routing-Techniken

• Steuerung mehrerer Komponenten mit bezeichneten Router-Ansichten
• Verwendung von redirects
• Verwendung von route aliases
• Wechsel der Routing-Modi (Hashes vs. History-API)

Fortgeschrittenes Routing

• Verwendung von Navigationskontrollen, um den Zugang zu Routen zu beschränken
• Verwendung von Routen-Metadaten
• Reibungslose Übergänge zwischen Komponenten beim Routenwechsel
• Durchführen asynchroner Operations zwischen Routen
• Zurücksetzen der Scrollposition beim Navigieren durch den Verlauf
• Lazy loading von Routenkomponenten

Open Badge für dieses Seminar - Ihr digitaler Kompetenznachweis

Durch die erfolgreiche Teilnahme an einem Kurs bei IT-Schulungen.com erhalten Sie zusätzlich zu Ihrem Teilnehmerzertifikat ein digitales Open Badge (Zertifikat) – Ihren modernen Nachweis für erworbene Kompetenzen.

Ihr Open Badge ist jederzeit in Ihrem persönlichen und kostenfreien Mein IT-Schulungen.com-Konto verfügbar. Mit wenigen Klicks können Sie diesen digitalen Nachweis in sozialen Netzwerken teilen, um Ihre Expertise sichtbar zu machen und Ihr berufliches Profil gezielt zu stärken.

Übersicht: Vue.js Schulungen Portfolio

Mehr zu den Vorteilen von Badges

Seminare kurz vor der Durchführung