Question 1

O que é v-model no Vue?

Accepted Answer

v-model cria um two-way binding entre um elemento de formulário e dados reativos. Sincroniza automaticamente o valor do input com a variável associada, eliminando a necessidade de escrever manualmente o binding de valor e o listener de eventos. Essa diretiva é a forma padrão de lidar com formulários no Vue.

Question 2

Qual é o equivalente de v-model usando v-bind e um ouvinte de eventos?

Accepted Answer

v-model é açúcar sintático para a combinação de v-bind:value (ou :value) que vincula o valor e @input que escuta as mudanças. Essa combinação ajuda a entender como o v-model funciona internamente e é útil quando é necessário um controle mais refinado sobre as atualizações.

Question 3

Qual modificador de v-model deve ser usado para sincronizar o valor apenas depois que o usuário sai do campo?

Accepted Answer

O modificador .lazy altera o comportamento do v-model para escutar o evento change em vez de input. A sincronização acontece no blur em vez de a cada tecla pressionada. Isso é útil para reduzir atualizações frequentes e melhorar o desempenho em campos com validação custosa.

Formulários e validação Vue

O que é v-model no Vue?

Resposta

Qual é o equivalente de v-model usando v-bind e um ouvinte de eventos?

Resposta

Qual modificador de v-model deve ser usado para sincronizar o valor apenas depois que o usuário sai do campo?

Resposta

Qual modificador de v-model converte automaticamente a entrada em um número?

Como o v-model funciona com uma checkbox única?

Outros temas de entrevista Vue.js / Nuxt.js

Fundamentos de JavaScript

JavaScript moderno (ES6+)

Fundamentos do Vue

Componentes Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

Reatividade do Vue

Fundamentos do Nuxt

Data Fetching no Nuxt

SSR e SSG no Nuxt

Rotas de servidor Nuxt

Módulos Nuxt

Composables do Vue

Gerenciamento de estado no Nuxt

Testes no Vue

Deploy do Nuxt e CI/CD

Desempenho do Vue

Padrões avançados do Vue

TypeScript com Vue

Autenticação Nuxt

SEO com Nuxt

Internacionalização no Nuxt

Arquitetura Vue

Segurança no Nuxt

Ecossistema Vue

Migração Vue 2→3 e Nuxt 2→3

Domine Vue.js / Nuxt.js para sua proxima entrevista