Geavanceerde Vue-patronen
Provide/inject, custom directives, render functions, JSX, teleport, suspense, async components
1Wat is het hoofddoel van provide/inject in Vue 3?
Wat is het hoofddoel van provide/inject in Vue 3?
Antwoord
Provide/inject maakt het mogelijk om gegevens van een oudercomponent door te geven aan elke afstammelingcomponent zonder props door elk tussenliggend niveau te leiden. Dit voorkomt 'props drilling', waarbij props door meerdere componentniveaus moeten worden doorgegeven die ze niet nodig hebben. Het is bijzonder handig voor het delen van globale gegevens zoals themaconfiguratie of authenticatiestatus.
2Hoe declareer je een waarde met provide in een component dat de Composition API gebruikt?
Hoe declareer je een waarde met provide in een component dat de Composition API gebruikt?
Antwoord
In de Composition API gebruik je de provide-functie met twee argumenten: een sleutel (string of Symbol) en de te leveren waarde. Bijvoorbeeld binnen setup. Deze waarde is toegankelijk voor afstammelingcomponenten via inject. Het gebruik van Symbols als sleutels garandeert uniciteit en voorkomt naamconflicten.
3Wat is de hoofdfunctie van de Teleport-directive in Vue 3?
Wat is de hoofdfunctie van de Teleport-directive in Vue 3?
Antwoord
Teleport maakt het mogelijk om de inhoud van een component te renderen in een ander DOM-knooppunt dan zijn positie in de Vue-componentenboom. Het wordt doorgaans gebruikt voor modals, tooltips en meldingen die in de documentroot moeten worden gerenderd om problemen met z-index en CSS-positionering te voorkomen. Het component behoudt zijn Vue-context en heeft toegang tot de gegevens van de ouder.
Welk attribuut is vereist om Teleport in Vue 3 te gebruiken?
Wat is een custom directive in Vue?
+21 gespreksvragen
Andere Vue.js / Nuxt.js-sollicitatieonderwerpen
JavaScript-grondbeginselen
Modern JavaScript (ES6+)
Vue-basisbeginselen
Vue-componenten
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Vue-reactiviteit
Nuxt-grondbeginselen
Data Fetching in Nuxt
Nuxt SSR & SSG
Nuxt Server Routes
Nuxt-modules
Vue Composables
Vue formulieren & validatie
Nuxt-statusbeheer
Vue Testing
Nuxt-deployment & CI/CD
Vue-prestaties
TypeScript met Vue
Nuxt-authenticatie
SEO met Nuxt
Nuxt-internationalisatie
Vue-architectuur
Nuxt-beveiliging
Vue-ecosysteem
Migratie Vue 2→3 & Nuxt 2→3
Beheers Vue.js / Nuxt.js voor je volgende gesprek
Krijg toegang tot alle vragen, flashcards, technische tests, code review-oefeningen en gespreksimulatoren.
Begin gratis