Question 1

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 2

Come dichiarare un valore con provide in un componente che usa la Composition API?

Accepted Answer

Nella Composition API si usa la funzione provide con due argomenti: una chiave (string o Symbol) e il valore da fornire. Per esempio all'interno di setup. Questo valore sarà accessibile ai componenti discendenti tramite inject. Usare i Symbol come chiavi garantisce l'unicità ed evita le collisioni di nomi.

Question 3

Qual è la funzione principale della direttiva Teleport in Vue 3?

Accepted Answer

Teleport consente di renderizzare il contenuto di un componente in un nodo del DOM diverso dalla sua posizione nell'albero dei componenti Vue. Viene tipicamente usato per modali, tooltip e notifiche che devono essere renderizzati nella radice del documento per evitare problemi di z-index e di posizionamento CSS. Il componente mantiene il suo contesto Vue e può accedere ai dati del genitore.

Pattern avanzati di Vue

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

Risposta

Come dichiarare un valore con provide in un componente che usa la Composition API?

Risposta

Qual è la funzione principale della direttiva Teleport in Vue 3?

Risposta

Quale attributo è obbligatorio per usare Teleport in Vue 3?

Che cos'è una custom directive in Vue?

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)

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

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