Question 1

Wat is het belangrijkste verschil tussen var en let in JavaScript?

Accepted Answer

Het fundamentele verschil ligt in de scope van variabelen. let heeft block scope, wat betekent dat een met let gedeclareerde variabele alleen bestaat binnen het blok waarin deze is gedefinieerd (tussen accolades). var heeft function scope, wat onverwacht gedrag kan veroorzaken omdat de variabele buiten het blok toegankelijk is. Dit verschil in scope maakt let de aanbevolen keuze om bugs gerelateerd aan hoisting en scope te vermijden.

Question 2

Wat is een Promise in JavaScript?

Accepted Answer

Een Promise is een object dat de uiteindelijke voltooiing of mislukking van een asynchrone bewerking vertegenwoordigt. Het maakt het mogelijk om bewerkingen die tijd kosten (HTTP-verzoeken, het lezen van bestanden) af te handelen zonder de uitvoering van de code te blokkeren. Een Promise kan drie toestanden hebben: pending (wachtend), fulfilled (succesvol opgelost) of rejected (mislukt met een fout).

Question 3

Wat is een Vue-instantie?

Accepted Answer

Een Vue-instantie is het object dat wordt aangemaakt door createApp() aan te roepen en dat de applicatie vertegenwoordigt. Dit root-object bevat alle reactieve data, methods en configuratieopties. Het dient als toegangspunt om de applicatie aan een DOM-element te mounten en Vues reactiviteitssysteem te initialiseren.

Question 4

Wat is een Vue-component?

Accepted Answer

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.

Question 5

Wat is de minimaal vereiste structuur voor een Nuxt 3-applicatie?

Accepted Answer

Een Nuxt 3-applicatie vereist alleen een app.vue-bestand of een pages/-directory in de projectroot. Als app.vue bestaat zonder een pages/-map, maakt Nuxt een applicatie zonder Vue Router. Als pages/ bestaat, schakelt Nuxt automatisch file-based routing in en vereist het <NuxtPage /> in app.vue om routes weer te geven.

Question 6

Wat is het belangrijkste verschil tussen useFetch en useAsyncData in Nuxt?

Accepted Answer

useFetch is een wrapper rond useAsyncData en $fetch die veelvoorkomende API-aanroepen vereenvoudigt. Het verzorgt automatisch de URL-constructie en accepteert een URL direct als eerste argument, terwijl useAsyncData een unieke sleutel en een aangepaste fetcher-functie vereist. Gebruik useFetch voor eenvoudige API-aanroepen en useAsyncData voor complexe fetching-logica.

Question 7

Wat is Server-Side Rendering (SSR) in Nuxt?

Accepted Answer

SSR genereert bij elke request de volledige HTML op de server en stuurt deze vervolgens naar de client. Dit verbetert de SEO omdat zoekmachines direct toegankelijke HTML-content ontvangen, en het verbetert ook de tijd tot de first paint. SSR is de standaard rendermodus in Nuxt 3, in tegenstelling tot client-side rendering waarbij JavaScript de content in de browser genereert.

Question 8

Wat is de Virtual DOM in Vue?

Accepted Answer

De Virtual DOM is een lichtgewicht JavaScript-representatie van de echte DOM-boom. Vue gebruikt de Virtual DOM om directe DOM-manipulaties te minimaliseren, die qua prestaties kostbaar zijn. Wanneer de state verandert, maakt Vue een nieuwe Virtual DOM, vergelijkt deze met de oude (diffing-algoritme) en past vervolgens alleen de noodzakelijke wijzigingen toe op de echte DOM. Deze aanpak vermindert het aantal DOM-bewerkingen aanzienlijk en verbetert de prestaties, vooral voor complexe applicaties met veel updates.

Question 9

Wat is het hoofddoel van provide/inject in Vue 3?

Accepted Answer

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.

Question 10

Wat is de belangrijkste rol van defineComponent in Vue 3 met TypeScript?

Accepted Answer

defineComponent schakelt TypeScript-type-inference in voor de componentopties. Zonder deze functie zou de this-context als any worden behandeld in de Options API. Het zorgt ervoor dat props, data, computed en methoden automatisch correct worden getypeerd.

Vue.js / Nuxt.js gespreksvragen

Klaar voor je Vue.js / Nuxt.js gesprek?

Ontdek alle Vue.js / Nuxt.js-onderwerpen

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

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