Formularios y validación Vue
v-model, manejo de formularios, tipos de input, validación de formularios, VeeValidate, Zod, Yup, validadores personalizados
1¿Qué es v-model en Vue?
¿Qué es v-model en Vue?
Respuesta
v-model crea un two-way binding entre un elemento de formulario y datos reactivos. Sincroniza automáticamente el valor del input con la variable asociada, eliminando la necesidad de escribir manualmente el binding de valor y el listener de eventos. Esta directiva es la forma estándar de manejar formularios en Vue.
2¿Cuál es el equivalente de v-model usando v-bind y un escucha de eventos?
¿Cuál es el equivalente de v-model usando v-bind y un escucha de eventos?
Respuesta
v-model es azúcar sintáctico para la combinación de v-bind:value (o :value) que vincula el valor y @input que escucha los cambios. Esta combinación ayuda a entender cómo funciona v-model internamente y es útil cuando se necesita un control más fino sobre las actualizaciones.
3¿Qué modificador de v-model debe usarse para sincronizar el valor solo después de que el usuario abandona el campo?
¿Qué modificador de v-model debe usarse para sincronizar el valor solo después de que el usuario abandona el campo?
Respuesta
El modificador .lazy cambia el comportamiento de v-model para escuchar el evento change en lugar de input. La sincronización ocurre al blur en lugar de en cada pulsación de tecla. Esto es útil para reducir las actualizaciones frecuentes y mejorar el rendimiento en campos con validación costosa.
¿Qué modificador de v-model convierte automáticamente la entrada en un número?
¿Cómo funciona v-model con una checkbox única?
+17 preguntas de entrevista
Otros temas de entrevista Vue.js / Nuxt.js
Fundamentos de JavaScript
JavaScript moderno (ES6+)
Fundamentos de Vue
Componentes Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
Reactividad de Vue
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Gestión de estado en Nuxt
Testing en Vue
Despliegue de Nuxt y CI/CD
Rendimiento de Vue
Patrones avanzados de Vue
TypeScript con Vue
Autenticación Nuxt
SEO con Nuxt
Internacionalización en Nuxt
Arquitectura Vue
Seguridad en Nuxt
Ecosistema Vue
Migración Vue 2→3 y Nuxt 2→3
Domina Vue.js / Nuxt.js para tu próxima entrevista
Accede a todas las preguntas, flashcards, tests técnicos, ejercicios de code review y simuladores de entrevista.
Empieza gratis