Question 1

¿Cuál es la principal diferencia entre var y let en JavaScript?

Accepted Answer

La diferencia fundamental radica en el scope de las variables. let tiene scope de bloque, lo que significa que una variable declarada con let solo existe dentro del bloque donde se define (entre llaves). var tiene scope de función, lo que puede causar comportamientos inesperados porque la variable es accesible fuera del bloque. Esta diferencia de scope hace de let la opción recomendada para evitar errores relacionados con el hoisting y el scope.

Question 2

¿Qué es una Promise en JavaScript?

Accepted Answer

Una Promise es un objeto que representa la finalización o el fallo eventual de una operación asíncrona. Permite manejar operaciones que toman tiempo (peticiones HTTP, lecturas de archivos) sin bloquear la ejecución del código. Una Promise puede tener tres estados: pending (en espera), fulfilled (resuelta con éxito) o rejected (fallida con un error).

Question 3

¿Qué es una instancia de Vue?

Accepted Answer

Una instancia de Vue es el objeto creado al llamar a createApp() que representa la aplicación. Este objeto raíz contiene todos los datos reactivos, métodos y opciones de configuración. Sirve como punto de entrada para montar la aplicación en un elemento DOM e inicializar el sistema de reactividad de Vue.

Question 4

¿Qué es un componente Vue?

Accepted Answer

Un componente Vue es una instancia Vue reutilizable con un nombre. Encapsula HTML, CSS y JavaScript en una unidad lógica independiente. Los componentes permiten dividir la interfaz de usuario en piezas reutilizables y mantenibles. Cada componente tiene su propio template, lógica y estilos, facilitando la organización del código y la reutilización.

Question 5

¿Cuál es la estructura mínima requerida para una aplicación Nuxt 3?

Accepted Answer

Una aplicación Nuxt 3 solo requiere un archivo app.vue o un directorio pages/ en la raíz del proyecto. Si app.vue existe sin una carpeta pages/, Nuxt crea una aplicación sin Vue Router. Si pages/ existe, Nuxt habilita automáticamente el file-based routing y requiere <NuxtPage /> en app.vue para mostrar las rutas.

Question 6

¿Cuál es la principal diferencia entre useFetch y useAsyncData en Nuxt?

Accepted Answer

useFetch es un wrapper alrededor de useAsyncData y $fetch que simplifica las llamadas API comunes. Gestiona automáticamente la construcción de la URL y acepta una URL directamente como primer argumento, mientras que useAsyncData requiere una clave única y una función fetcher personalizada. Usa useFetch para llamadas API simples y useAsyncData para lógicas de fetching complejas.

Question 7

¿Qué es el Server-Side Rendering (SSR) en Nuxt?

Accepted Answer

El SSR genera el HTML completo en el servidor con cada solicitud y luego lo envía al cliente. Esto mejora el SEO porque los motores de búsqueda reciben contenido HTML accesible de inmediato, y también mejora el tiempo hasta el primer renderizado. El SSR es el modo de renderizado predeterminado en Nuxt 3, a diferencia del renderizado del lado del cliente, donde JavaScript genera el contenido en el navegador.

Question 8

¿Qué es el Virtual DOM en Vue?

Accepted Answer

El Virtual DOM es una representación JavaScript ligera del árbol DOM real. Vue utiliza el Virtual DOM para minimizar las manipulaciones directas del DOM, que son costosas en términos de rendimiento. Cuando el estado cambia, Vue crea un nuevo Virtual DOM, lo compara con el anterior (algoritmo de diffing) y luego aplica solo los cambios necesarios al DOM real. Este enfoque reduce considerablemente el número de operaciones del DOM y mejora el rendimiento, especialmente para aplicaciones complejas con muchas actualizaciones.

Question 9

¿Cuál es el propósito principal de provide/inject en Vue 3?

Accepted Answer

Provide/inject permite pasar datos desde un componente padre a cualquier componente descendiente sin pasar props por cada nivel intermedio. Esto evita el 'props drilling', donde las props deben pasarse a través de varios niveles de componentes que no las necesitan. Es especialmente útil para compartir datos globales como la configuración de un tema o el estado de autenticación.

Question 10

¿Cuál es el rol principal de defineComponent en Vue 3 con TypeScript?

Accepted Answer

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.

Preguntas de entrevista de Vue.js / Nuxt.js

¿Listo para tu entrevista de Vue.js / Nuxt.js?

Explora todos los temas de 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

Migración Vue 2→3 y Nuxt 2→3

Domina Vue.js / Nuxt.js para tu próxima entrevista