TypeScript con Vue
Soporte de TypeScript en Vue 3, defineComponent, PropType, type inference, generic components, strict mode
1¿Cuál es el rol principal de defineComponent en Vue 3 con TypeScript?
¿Cuál es el rol principal de defineComponent en Vue 3 con TypeScript?
Respuesta
defineComponent habilita la type inference de TypeScript para las opciones del componente. Sin esta función, el contexto this se trataría como any en la Options API. Garantiza que props, data, computed y los métodos queden tipados correctamente de forma automática.
2¿Por qué usar PropType al declarar props complejas con runtime declaration?
¿Por qué usar PropType al declarar props complejas con runtime declaration?
Respuesta
PropType es un utility type de Vue que permite castear los tipos de las props durante la declaración runtime. Object as PropType Book garantiza que book quede tipado correctamente como Book en lugar de un Object genérico. Esto mejora el autocompletado y la seguridad de tipos sin necesitar script setup con tipos genéricos.
3¿Cuál es la diferencia entre script setup y script setup con lang='ts' para la type inference?
¿Cuál es la diferencia entre script setup y script setup con lang='ts' para la type inference?
Respuesta
script setup con lang='ts' habilita TypeScript y permite la type inference automática sin defineComponent. Las props definidas con defineProps quedan tipadas automáticamente, las refs tienen inference completa y los errores de TypeScript se detectan en tiempo de compilación. Sin lang='ts', no se realiza ninguna verificación de tipos.
¿Cómo tipar correctamente una ref que puede ser null inicialmente en TypeScript?
¿Cuál es la principal ventaja de los componentes genéricos con script setup generic en Vue 3.3+?
+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
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