Reactividad de Vue
Reactivity system, reactive vs ref, toRef, toRefs, unref, shallow reactivity, readonly
1¿Qué es el sistema de reactividad de Vue?
¿Qué es el sistema de reactividad de Vue?
Respuesta
El sistema de reactividad de Vue detecta automáticamente los cambios en los datos y actualiza el DOM en consecuencia. Se basa en Proxies de JavaScript que interceptan el acceso y la modificación de las propiedades. Este sistema garantiza que la interfaz de usuario se mantenga sincronizada con el estado de la aplicación sin intervención manual.
2¿Cuál es la principal diferencia entre ref() y reactive()?
¿Cuál es la principal diferencia entre ref() y reactive()?
Respuesta
ref() crea una referencia reactiva para un valor primitivo u objeto, accesible mediante .value, mientras que reactive() crea un proxy reactivo de un objeto sin requerir .value para acceder a las propiedades. ref() es universal (primitivos + objetos) e ideal para valores simples, mientras que reactive() está optimizado para objetos pero no funciona con primitivos. En la práctica, a menudo se prefiere ref() porque funciona con todos los tipos.
3¿Cómo acceder al valor de un ref en el template frente al script?
¿Cómo acceder al valor de un ref en el template frente al script?
Respuesta
En el template, Vue desempaqueta automáticamente los refs, permitiendo el acceso directo sin .value (ej: {{ count }}). En el script, debes usar .value para leer o modificar el valor del ref (ej: count.value++). Este comportamiento automático en los templates simplifica la escritura del código manteniendo un control explícito en la lógica JavaScript.
¿Qué sucede si desestructuras un objeto reactive()?
¿Cuál es el propósito de toRefs() en Vue?
+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
Fundamentos de Nuxt
Data Fetching en Nuxt
SSR y SSG en Nuxt
Rutas de servidor Nuxt
Módulos Nuxt
Composables de Vue
Formularios y validación 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