Question 1

Cos'è v-model in Vue?

Accepted Answer

v-model crea un two-way binding tra un elemento di form e dati reattivi. Sincronizza automaticamente il valore dell'input con la variabile associata, eliminando la necessità di scrivere manualmente il binding del valore e l'event listener. Questa direttiva è il modo standard per gestire i form in Vue.

Question 2

Qual è l'equivalente di v-model usando v-bind e un listener di eventi?

Accepted Answer

v-model è zucchero sintattico per la combinazione di v-bind:value (o :value) che lega il valore e @input che ascolta i cambiamenti. Questa combinazione aiuta a capire come funziona v-model internamente ed è utile quando serve un controllo più preciso sugli aggiornamenti.

Question 3

Quale modificatore di v-model si dovrebbe usare per sincronizzare il valore solo dopo che l'utente lascia il campo?

Accepted Answer

Il modificatore .lazy cambia il comportamento di v-model per ascoltare l'evento change invece di input. La sincronizzazione avviene al blur anziché a ogni battitura. Questo è utile per ridurre gli aggiornamenti frequenti e migliorare le prestazioni su campi con validazione costosa.

Form e validazione Vue

Cos'è v-model in Vue?

Risposta

Qual è l'equivalente di v-model usando v-bind e un listener di eventi?

Risposta

Quale modificatore di v-model si dovrebbe usare per sincronizzare il valore solo dopo che l'utente lascia il campo?

Risposta

Quale modificatore di v-model converte automaticamente l'input in un numero?

Come funziona v-model con una singola checkbox?

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

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