Question 1

Qual è la principale differenza tra var e let in JavaScript?

Accepted Answer

La differenza fondamentale risiede nello scope delle variabili. let ha block scope, il che significa che una variabile dichiarata con let esiste solo all'interno del blocco in cui è definita (tra parentesi graffe). var ha function scope, il che può causare comportamenti inattesi perché la variabile è accessibile al di fuori del blocco. Questa differenza di scope rende let la scelta consigliata per evitare bug legati a hoisting e scope.

Question 2

Che cos'è una Promise in JavaScript?

Accepted Answer

Una Promise è un oggetto che rappresenta il completamento o il fallimento eventuale di un'operazione asincrona. Consente di gestire operazioni che richiedono tempo (richieste HTTP, letture di file) senza bloccare l'esecuzione del codice. Una Promise può avere tre stati: pending (in attesa), fulfilled (risolta con successo) o rejected (fallita con un errore).

Question 3

Che cos'è un'istanza Vue?

Accepted Answer

Un'istanza Vue è l'oggetto creato chiamando createApp() che rappresenta l'applicazione. Questo oggetto radice contiene tutti i dati reattivi, i metodi e le opzioni di configurazione. Funge da punto di ingresso per montare l'applicazione su un elemento DOM e inizializzare il sistema di reattività di Vue.

Question 4

Cos'è un componente Vue?

Accepted Answer

Un componente Vue è un'istanza Vue riutilizzabile con un nome. Incapsula HTML, CSS e JavaScript in un'unità logica indipendente. I componenti permettono di suddividere l'interfaccia utente in parti riutilizzabili e manutenibili. Ogni componente ha il proprio template, la propria logica e i propri stili, facilitando l'organizzazione del codice e la riutilizzabilità.

Question 5

Qual è la struttura minima richiesta per un'applicazione Nuxt 3?

Accepted Answer

Un'applicazione Nuxt 3 richiede solo un file app.vue o una directory pages/ nella radice del progetto. Se app.vue esiste senza una cartella pages/, Nuxt crea un'applicazione senza Vue Router. Se pages/ esiste, Nuxt abilita automaticamente il file-based routing e richiede <NuxtPage /> in app.vue per visualizzare le rotte.

Question 6

Qual è la differenza principale tra useFetch e useAsyncData in Nuxt?

Accepted Answer

useFetch è un wrapper attorno a useAsyncData e $fetch che semplifica le chiamate API comuni. Gestisce automaticamente la costruzione dell'URL e accetta direttamente un URL come primo argomento, mentre useAsyncData richiede una chiave univoca e una funzione fetcher personalizzata. Usa useFetch per chiamate API semplici e useAsyncData per logiche di fetching complesse.

Question 7

Che cos'è il Server-Side Rendering (SSR) in Nuxt?

Accepted Answer

L'SSR genera l'HTML completo sul server a ogni richiesta e poi lo invia al client. Questo migliora la SEO perché i motori di ricerca ricevono contenuto HTML immediatamente accessibile, e migliora anche il tempo al primo paint. L'SSR è la modalità di rendering predefinita in Nuxt 3, a differenza del rendering lato client in cui JavaScript genera il contenuto nel browser.

Question 8

Che cos'è il Virtual DOM in Vue?

Accepted Answer

Il Virtual DOM è una rappresentazione JavaScript leggera dell'albero DOM reale. Vue utilizza il Virtual DOM per ridurre al minimo le manipolazioni dirette del DOM, che sono costose in termini di prestazioni. Quando lo stato cambia, Vue crea un nuovo Virtual DOM, lo confronta con quello vecchio (algoritmo di diffing) e quindi applica solo le modifiche necessarie al DOM reale. Questo approccio riduce notevolmente il numero di operazioni sul DOM e migliora le prestazioni, soprattutto per applicazioni complesse con molti aggiornamenti.

Question 9

Qual è lo scopo principale di provide/inject in Vue 3?

Accepted Answer

Provide/inject consente di passare dati da un componente padre a qualsiasi componente discendente senza passare le props attraverso ogni livello intermedio. Questo evita il 'props drilling', in cui le props devono essere passate attraverso più livelli di componenti che non ne hanno bisogno. È particolarmente utile per condividere dati globali come la configurazione di un tema o lo stato di autenticazione.

Question 10

Qual è il ruolo principale di defineComponent in Vue 3 con TypeScript?

Accepted Answer

defineComponent abilita la type inference di TypeScript per le opzioni del componente. Senza questa funzione, il contesto this verrebbe trattato come any nella Options API. Garantisce che props, data, computed e metodi siano tipizzati correttamente in modo automatico.

Domande da colloquio su Vue.js / Nuxt.js

Pronto per il tuo colloquio su Vue.js / Nuxt.js?

Esplora tutti gli argomenti Vue.js / Nuxt.js

Fondamenti di JavaScript

JavaScript moderno (ES6+)

Fondamenti di Vue

Componenti Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reattività di Vue

Fondamenti di Nuxt

Data Fetching in Nuxt

SSR e SSG in Nuxt

Route server Nuxt

Moduli Nuxt

Composables di Vue

Form e validazione Vue

Gestione dello stato in Nuxt

Testing in Vue

Deployment di Nuxt e CI/CD

Prestazioni di Vue

Pattern avanzati di Vue

TypeScript con Vue

Autenticazione Nuxt

SEO con Nuxt

Internazionalizzazione in Nuxt

Architettura Vue

Sicurezza Nuxt

Ecosistema Vue

Migrazione Vue 2→3 e Nuxt 2→3

Padroneggia Vue.js / Nuxt.js per il tuo prossimo colloquio