# Vue-componenten (Vue.js / Nuxt.js) > Levenscyclus van componenten, props, events, slots, scoped styles, communicatie tussen componenten, dynamische componenten - 20 gespreksvragen - Junior - [Gespreksvragen: Vue.js / Nuxt.js](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen.md) ## 1. 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. ## 2. 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. ## 3. 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. ## Nog 17 vragen beschikbaar - Hoe stuurt een childcomponent een event naar zijn oudercomponent? - Waarvoor worden slots gebruikt in een Vue-component? Meld je gratis aan: https://sharpskill.dev/nl/login ## Andere Vue.js / Nuxt.js-sollicitatieonderwerpen - [JavaScript-grondbeginselen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/javascript-fundamentals.md): 20 vragen, Junior - [Modern JavaScript (ES6+)](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/es6-modern-javascript.md): 20 vragen, Junior - [Vue-basisbeginselen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-basics.md): 22 vragen, Junior - [Vue Router](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-router.md): 18 vragen, Junior - [Pinia State Management](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/pinia-state-management.md): 20 vragen, Junior - [Vuex (Legacy)](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vuex-legacy.md): 15 vragen, Mid-Level - [Composition API](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/composition-api.md): 24 vragen, Mid-Level - [Vue-reactiviteit](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-reactivity.md): 20 vragen, Mid-Level - [Nuxt-grondbeginselen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-fundamentals.md): 22 vragen, Mid-Level - [Data Fetching in Nuxt](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-data-fetching.md): 20 vragen, Mid-Level - [Nuxt SSR & SSG](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-ssr-ssg.md): 22 vragen, Mid-Level - [Nuxt Server Routes](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-server-routes.md): 20 vragen, Mid-Level - [Nuxt-modules](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-modules.md): 18 vragen, Mid-Level - [Vue Composables](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-composables.md): 20 vragen, Mid-Level - [Vue formulieren & validatie](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-forms-validation.md): 20 vragen, Mid-Level - [Nuxt-statusbeheer](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-state-management.md): 18 vragen, Mid-Level - [Vue Testing](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-testing.md): 20 vragen, Mid-Level - [Nuxt-deployment & CI/CD](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-deployment-cicd.md): 22 vragen, Mid-Level - [Vue-prestaties](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-performance.md): 22 vragen, Senior - [Geavanceerde Vue-patronen](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-advanced-patterns.md): 24 vragen, Senior - [TypeScript met Vue](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/typescript-vue.md): 22 vragen, Senior - [Nuxt-authenticatie](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-auth.md): 20 vragen, Senior - [SEO met Nuxt](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-seo.md): 20 vragen, Senior - [Nuxt-internationalisatie](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-i18n.md): 18 vragen, Senior - [Vue-architectuur](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-architecture.md): 22 vragen, Senior - [Nuxt-beveiliging](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/nuxt-security.md): 20 vragen, Senior - [Vue-ecosysteem](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-ecosystem.md): 18 vragen, Senior - [Migratie Vue 2→3 & Nuxt 2→3](https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/migration-vue2-vue3-nuxt2-nuxt3.md): 22 vragen, Senior --- Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack. HTML version of this page: https://sharpskill.dev/nl/technologies/vue-nuxt/sollicitatievragen/vue-components