Question 1

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 2

Come dichiarare le props in un componente Vue 3 con script setup?

Accepted Answer

In Vue 3 con script setup, defineProps() è una macro del compilatore che consente di dichiarare le props senza un import esplicito. Questa macro genera automaticamente il codice necessario ed espone le props al template. Supporta la validazione dei tipi di TypeScript e JavaScript, rendendo il codice più conciso e type-safe rispetto all'approccio della Options API.

Question 3

Qual è la funzione dell'hook onMounted() nel lifecycle di un componente?

Accepted Answer

L'hook onMounted() viene eseguito dopo che il componente è stato montato nel DOM. È il momento ideale per eseguire operazioni che richiedono l'accesso al DOM, come inizializzare librerie di terze parti, recuperare dati tramite API o manipolare direttamente elementi del DOM. In questa fase, il template è renderizzato e i refs sono accessibili.

Componenti Vue

Cos'è un componente Vue?

Risposta

Come dichiarare le props in un componente Vue 3 con script setup?

Risposta

Qual è la funzione dell'hook onMounted() nel lifecycle di un componente?

Risposta

Come fa un componente figlio a emettere un evento verso il suo componente padre?

A cosa servono gli slots in un componente Vue?

Altri argomenti di colloquio Vue.js / Nuxt.js

Fondamenti di JavaScript

JavaScript moderno (ES6+)

Fondamenti di 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