Seminarinformationen

Seminar - Ziel

In diesem 1-tägigen Seminar „Vue.js – Routing mit Vue-Router“ erfahren Sie, wie Sie zuverlässiges Routing in Ihren Vue-Anwendungen implementieren. Der Kurs beginnt mit einer Einführung in Vue und der Installation von Vue-Router. Danach lernen Sie, wie man Routen anlegt und verschiedene Komponenten je nach Route darstellt. Zum Abschluss werden verschachtelte Routen, benannte Routen und benannte Routenbereiche behandelt. Nach dem Seminar können Sie das Routing in Vue-Anwendungen effektiv organisieren und Ihre Komponenten basierend auf den Routen steuern.

Teilnehmer - Zielgruppe

  • Web-Entwickler

Kurs - Voraussetzungen

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

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

Seminardauer

  • 1 Tag
  • 09:00 Uhr bis 17:00 Uhr

Schulungsunterlagen

  • nach Absprache

Seminar-Inhalt / Agenda

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

Weitere Schulungen zu Thema Vue.js

Vue.js 3 - Grundkurs

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 2-tägigen Seminar „Vue.js 3 – Grundkurs“ machen Sie sich mit den Grundlagen vertraut, die allen SPA-Bibliotheken wie Vue oder React zugrunde liegen, und lernen die Besonderheiten von Vue kennen. Der Fokus liegt dabei speziell auf der im Jahr 2020 eingeführten ...

Vue.js - Migration von Vue 2 auf Vue 3

- u.a. in Nürnberg, Berlin, Stuttgart, München, Köln

In diesem 2-tägigen Seminar „Vue – Migration von Vue 2 auf Vue 3“ erhalten Sie ein umfassendes Verständnis der Unterschiede zwischen Vue.js 2 und Vue.js 3 und werden auf eine erfolgreiche Umstellung Ihrer Anwendungen vorbereitet. Die Inhalte umfassen die wichtigsten ...

Vue.js 3 - Aufbaukurs

- u.a. in Hannover, Leipzig, Düsseldorf, Marburg, Nordhausen

In diesem 2-tägigen Seminar „Vue.js 3 – Aufbaukurs“ erweitern Sie Ihr Wissen über Vue.js 3 und lernen fortgeschrittene Techniken zur Entwicklung komplexer Anwendungen. Dabei stehen bewährte Best Practices und effiziente Entwicklungsansätze im Fokus, um die ...

Vue.js - Composition API

- u.a. in Hamburg, München, Düsseldorf, Virtual Classroom, Marburg

In diesem 3-tägigen Seminar „Vue.js – Composition API“ erwerben Sie ein fundiertes Verständnis der Composition API in Vue.js. Ziel ist es, die Vorteile und Unterschiede zwischen der Composition API und der Options API zu erkennen und die Composition API zur Erstellung ...