Vue Router
Routes, Navigation, router-link, dynamische Routes, route params, query parameters, navigation guards
1Was ist Vue Router?
Was ist Vue Router?
Antwort
Vue Router ist die offizielle Routing-Bibliothek für Vue.js. Sie ermöglicht die Erstellung von Single-Page-Anwendungen mit Navigation zwischen verschiedenen Ansichten ohne Neuladen der Seite. Vue Router verwaltet den Browserverlauf, URL-Parameter und bietet erweiterte Funktionen wie navigation guards zur Kontrolle des Routenzugriffs.
2Was ist der Hauptvorteil der Verwendung von router-link anstelle eines <a>-Tags?
Was ist der Hauptvorteil der Verwendung von router-link anstelle eines <a>-Tags?
Antwort
Im Gegensatz zu einem standardmäßigen <a>-Tag verhindert die router-link-Komponente das vollständige Neuladen der Seite während der Navigation. Sie fängt Klicks ab, um mithilfe der History API des Browsers eine clientseitige Navigation durchzuführen. Dadurch bleibt der Anwendungszustand erhalten und es entsteht eine flüssige Benutzererfahrung ohne Ladeverzögerung.
3Wie definiert man eine einfache Route in Vue Router?
Wie definiert man eine einfache Route in Vue Router?
Antwort
Eine einfache Route wird definiert, indem man im routes-Array ein Objekt mit den Eigenschaften path und component erstellt. Der path gibt die URL an (wie /about) und component legt die anzuzeigende Vue-Komponente fest. Diese minimale Konfiguration genügt, um eine funktionierende Navigation in der Anwendung zu erstellen.
Welchen Zweck hat die router-view-Komponente?
Welche Eigenschaft von router-link gibt das Ziel an?
+15 Interview-Fragen
Weitere Vue.js / Nuxt.js-Interviewthemen
JavaScript-Grundlagen
Modernes JavaScript (ES6+)
Vue-Grundlagen
Vue-Komponenten
Pinia State Management
Vuex (Legacy)
Composition API
Vue-Reaktivität
Nuxt-Grundlagen
Nuxt Data Fetching
Nuxt SSR & SSG
Nuxt Server-Routes
Nuxt-Module
Vue Composables
Vue Formulare & Validierung
Nuxt State Management
Vue-Testing
Nuxt-Deployment & CI/CD
Vue-Performance
Fortgeschrittene Vue-Patterns
TypeScript mit Vue
Nuxt-Authentifizierung
SEO mit Nuxt
Nuxt-Internationalisierung
Vue-Architektur
Nuxt-Sicherheit
Vue-Ökosystem
Migration Vue 2→3 & Nuxt 2→3
Meistere Vue.js / Nuxt.js für dein nächstes Interview
Zugang zu allen Fragen, Flashcards, technischen Tests, Code-Review-Übungen und Interview-Simulatoren.
Kostenlos starten