Composition API
Setup function, ref, reactive, computed, watch, lifecycle hooks, composables, script setup
1Che cos'è la Composition API in Vue 3?
Che cos'è la Composition API in Vue 3?
Risposta
La Composition API è un nuovo modo di organizzare la logica dei componenti Vue utilizzando funzioni di composizione invece delle options (data, methods, computed). Consente di raggruppare la logica per funzionalità anziché per tipo di option, facilitando il riuso del codice tramite i composables. Offre inoltre un migliore supporto a TypeScript e una migliore organizzazione dei componenti complessi.
2Qual è la funzione principale usata nella Composition API per definire la logica di un componente?
Qual è la funzione principale usata nella Composition API per definire la logica di un componente?
Risposta
La funzione setup() è il punto di ingresso della Composition API. Viene eseguita prima della creazione del componente, persino prima di created(). Riceve le props e il contesto come argomenti e deve restituire un oggetto contenente i dati e le funzioni da esporre al template. È in setup() che si usano ref, reactive, computed, watch e i lifecycle hooks della Composition API.
3Qual è la differenza principale tra ref() e reactive()?
Qual è la differenza principale tra ref() e reactive()?
Risposta
ref() crea un riferimento reattivo per un valore primitivo o un oggetto, accessibile tramite .value nello script (ma auto-unwrapped nei template). reactive() crea un proxy reattivo solo per oggetti e array, senza richiedere .value ma perde la reattività se viene destrutturato. ref() è più versatile per i primitivi, reactive() è più naturale per gli oggetti complessi ma richiede toRef/toRefs per la destrutturazione.
Come si accede al valore di una ref nella funzione setup()?
Come creare una proprietà computed nella Composition API?
+21 domande da colloquio
Altri argomenti di colloquio Vue.js / Nuxt.js
Fondamenti di JavaScript
JavaScript moderno (ES6+)
Fondamenti di Vue
Componenti Vue
Vue Router
Pinia State Management
Vuex (Legacy)
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
Accedi a tutte le domande, flashcards, test tecnici, esercizi di code review e simulatori di colloquio.
Inizia gratis