Migración Vue 2→3 y Nuxt 2→3
De Options API a Composition API, de Vuex a Pinia, de asyncData/fetch a useFetch, breaking changes, estrategias de migración, deprecación de nuxtServerInit
1¿Cuál es la principal diferencia arquitectónica entre la Options API de Vue 2 y la Composition API de Vue 3?
¿Cuál es la principal diferencia arquitectónica entre la Options API de Vue 2 y la Composition API de Vue 3?
Respuesta
La Composition API organiza el código por preocupación lógica en lugar de por tipo de opción, permitiendo agrupar el código relacionado. Este enfoque mejora la legibilidad y el mantenimiento de componentes complejos, a diferencia de la Options API que separa data, methods y computed properties. La Composition API también facilita la reutilización de lógica mediante composables, reemplazando eficazmente a los mixins que podían generar conflictos de nombres.
2¿Qué cambio importante introdujo Nuxt 3 respecto a los auto-imports en comparación con Nuxt 2?
¿Qué cambio importante introdujo Nuxt 3 respecto a los auto-imports en comparación con Nuxt 2?
Respuesta
Nuxt 3 activa los auto-imports por defecto para los composables, los componentes y las utilidades del framework, eliminando la necesidad de imports manuales. Esta característica mejora la experiencia del desarrollador y reduce el código boilerplate. Nuxt 2 requería imports explícitos para la mayoría de las funcionalidades. Esta función se puede desactivar en la configuración si es necesario por razones de control explícito.
3En Vue 3, ¿qué método reemplaza a los filters de Vue 2 que han sido eliminados?
En Vue 3, ¿qué método reemplaza a los filters de Vue 2 que han sido eliminados?
Respuesta
Los filters se eliminaron en Vue 3 porque creaban una sintaxis personalizada difícil de entender para los nuevos desarrolladores e impactaban el rendimiento. La recomendación oficial es usar computed properties o métodos para las transformaciones de datos. Las computed properties ofrecen la ventaja del caching automático para cálculos costosos, mientras que los métodos son adecuados para transformaciones simples con parámetros.
¿Cuál es el build tool por defecto en Nuxt 3, que reemplaza a Webpack de Nuxt 2?
¿Cómo cambió la sintaxis de v-model entre Vue 2 y Vue 3 para los componentes personalizados?
+19 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
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
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