Vue-componenten
Levenscyclus van componenten, props, events, slots, scoped styles, communicatie tussen componenten, dynamische componenten
1Wat is een Vue-component?
Wat is een Vue-component?
Antwoord
Een Vue-component is een herbruikbare Vue-instance met een naam. Het kapselt HTML, CSS en JavaScript in als een onafhankelijke logische eenheid. Componenten maken het mogelijk de gebruikersinterface op te delen in herbruikbare en onderhoudbare stukken. Elk component heeft zijn eigen template, logica en styles, wat de code-organisatie en herbruikbaarheid vergemakkelijkt.
2Hoe declareer je props in een Vue 3-component met script setup?
Hoe declareer je props in een Vue 3-component met script setup?
Antwoord
In Vue 3 met script setup is defineProps() een compilermacro waarmee je props kunt declareren zonder expliciete import. Deze macro genereert automatisch de benodigde code en stelt de props beschikbaar aan het template. Het ondersteunt typevalidatie van TypeScript en JavaScript, waardoor de code beknopter en typeveiliger is dan de aanpak van de Options API.
3Wat is de functie van de onMounted()-hook in de lifecycle van een component?
Wat is de functie van de onMounted()-hook in de lifecycle van een component?
Antwoord
De onMounted()-hook wordt uitgevoerd nadat de component in de DOM is gemount. Dit is het ideale moment om bewerkingen uit te voeren die DOM-toegang vereisen, zoals het initialiseren van externe bibliotheken, het ophalen van gegevens via een API of het rechtstreeks manipuleren van DOM-elementen. In dit stadium is het template gerenderd en zijn de refs toegankelijk.
Hoe stuurt een childcomponent een event naar zijn oudercomponent?
Waarvoor worden slots gebruikt in een Vue-component?
+17 gespreksvragen
Andere Vue.js / Nuxt.js-sollicitatieonderwerpen
JavaScript-grondbeginselen
Modern JavaScript (ES6+)
Vue-basisbeginselen
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
Geavanceerde Vue-patronen
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