Desarrollo de Aplicaciones Web

¿Cuál de los siguientes frameworks fue uno de los primeros en introducir el patrón MVC para aplicaciones web y apareció en 2010?. VueJS. BackboneJS. ReactJS. SvelteJS.

¿Qué framework fue desarrollado inicialmente en 2009 por Google y posteriormente rediseñado para trabajar con TypeScript?. EmberJS. MeteorJS. AngularJS / Angular. Knockout.

¿Cuál de las siguientes tecnologías se considera principalmente una biblioteca de renderizado eficiente basada en Virtual DOM?. ReactJS. BackboneJS. MeteorJS. EmberJS.

¿Qué framework MVVM fue lanzado en 2011 bajo licencia MIT?. VueJS. EmberJS. SvelteJS. Angular.

¿Cuál de los siguientes frameworks se caracteriza por ser una alternativa MVVM ligera?. MeteorJS. ReactJS. Knockout. BackboneJS.

¿Qué framework MVVM fue publicado en 2014 y se distribuye bajo licencia MIT?. VueJS. AngularJS. EmberJS. MeteorJS.

¿Cuál de las siguientes tecnologías genera código JavaScript para ejecutarse en el cliente a partir de HTML, CSS y JavaScript?. ReactJS. SvelteJS. BackboneJS. Knockout.

¿Qué framework está orientado al desarrollo End-to-End de aplicaciones web y móviles utilizando JavaScript?. VueJS. Angular. MeteorJS. EmberJS.

¿Cuál es una característica común de los frameworks JavaScript MVC/MVVM?. Solo sirven para desarrollo en servidor. No permiten reutilización de componentes. Aplican conceptos de Ingeniería del Software mediante patrones de diseño. Utilizan exclusivamente licencia GPL.

¿Qué ventaja comparten muchos de los frameworks del temario además de proporcionar una arquitectura de desarrollo?. Eliminan la necesidad de JavaScript. Permiten o incluyen bibliotecas de componentes enriquecidos. Solo funcionan en aplicaciones móviles. Sustituyen completamente HTML y CSS.

¿Qué característica permite que los cambios realizados en el modelo se reflejen automáticamente en la vista y viceversa?. SSR (Server-Side Rendering). Data Binding (enlazado dinámico vista-modelo). Routing. Bundling.

¿Cuál es el objetivo principal de la inyección de dependencias en un framework MVC?. Mejorar la velocidad de renderizado del DOM. Gestionar rutas de navegación. Facilitar la reutilización y desacoplamiento de componentes. Generar código HTML automáticamente.

¿Qué elemento de un framework MVC suele encargarse de las plantillas y de la manipulación del DOM?. Modelo. Vista. Router. Bundler.

¿Qué significa que una aplicación sea SPA (Single Page Application)?. Que se ejecuta únicamente en servidores. Que utiliza una única página web que se actualiza dinámicamente sin recargas completas. Que está escrita en un único archivo JavaScript. Que no utiliza componentes.

¿Cuál de las siguientes funcionalidades suele implementarse en la vista para mejorar la experiencia del usuario antes de enviar datos al servidor?. Gestión de estado. Validación en cliente. Inyección de dependencias. SSR.

¿Qué módulo auxiliar se encarga de decidir qué contenido mostrar según la URL visitada por el usuario?. Gestor de estado. Router (enrutador). Linter. Bundler.

¿Cuál es la función principal de un gestor de estado dentro de una aplicación moderna?. Optimizar imágenes. Gestionar y sincronizar los datos compartidos por distintos componentes. Crear plantillas HTML. Generar código TypeScript.

¿Qué característica permite manejar peticiones a servicios externos sin bloquear la ejecución de la aplicación?. Gestión de conexiones asíncronas. Data Binding. SSR. Hydration.

¿Qué significan las siglas SSR y SSG, respectivamente?. Secure Server Rendering y Static Service Generator. Server Side Routing y Static State Generator. Server Side Rendering y Static Site Generation. Server State Rendering y Site Structure Generation.

¿Cuál de las siguientes herramientas de desarrollo analiza el código para detectar errores, incumplimientos de estilo o posibles problemas?. Router. Linter. Hydrator. Store.

¿Quién es el creador de VueJS?. Jordan Walke. Evan You. Misko Hevery. Yehuda Katz.

¿En qué año fue lanzado VueJS?. 2010. 2011. 2014. 2016.

¿Qué licencia utiliza VueJS?. GPL. Apache 2.0. BSD. MIT.

VueJS reutiliza conceptos exitosos principalmente de: BackboneJS y EmberJS. Angular y React. Knockout y MeteorJS. jQuery y Bootstrap.

¿Sobre qué tecnologías web fundamentales está basado VueJS?. Java, JSP y Servlets. PHP, SQL y CSS. HTML, CSS y JavaScript. Python, HTML y XML.

¿Qué tipo de renderizado utiliza VueJS para construir interfaces?. Imperativo basado en eventos. Declarativo basado en componentes. Procedimental basado en scripts. Secuencial basado en plantillas XML.

En VueJS, ¿qué se utiliza como motor principal de plantillas?. XML. JSON. HTML. Markdown.

¿Dónde se almacena principalmente el estado de una aplicación VueJS?. En archivos CSS. En JavaScript. En HTML. En el servidor exclusivamente.

¿Qué ocurre automáticamente cuando cambia el estado en VueJS?. Se reinicia la aplicación. Se recompila todo el proyecto. Las vistas se actualizan de forma reactiva. Se genera una nueva base de datos.

¿Cuál de las siguientes herramientas se menciona específicamente para la generación de contenidos en servidor (SSR) con VueJS?. Electron. Ionic Vue. Quasar. Nuxt.

¿Cuál es el objetivo principal del ecosistema Vue?. Sustituir completamente JavaScript. Complementar la biblioteca core de Vue para proporcionar características de un framework completo. Gestionar únicamente bases de datos. Crear aplicaciones exclusivamente móviles.

¿Cuál de las siguientes herramientas se utiliza como generador de código en el ecosistema Vue?. Pinia. Vue Router. Vue CLI. Vue Devtools.

¿Qué herramienta moderna de creación y empaquetado de proyectos Vue también se menciona como generador de código?. ESLint. Vite. VuePress. JSX.

¿Cuál de los siguientes entornos de desarrollo se menciona explícitamente como compatible con Vue mediante extensiones?. Visual Basic. NetBeans exclusivamente. VSCode. Dreamweaver.

¿Qué herramienta permite inspeccionar y depurar aplicaciones Vue directamente desde el navegador?. Vue Router. Pinia. Vue Devtools. Vue Loader.

¿Cuál de los siguientes metalenguajes cuenta con soporte dentro del ecosistema Vue?. COBOL. Pascal. TypeScript. Fortran.

¿Cuál es la función principal de Vue Loader?. Gestionar rutas de navegación. Gestionar el estado global. Dar soporte a archivos .vue o Single-File Components (SFC). Realizar pruebas unitarias.

¿Para qué se utiliza principalmente el plugin ESLint en proyectos Vue?. Crear componentes visuales. Gestionar estados globales. Analizar estáticamente el código para detectar errores y problemas de estilo. Generar contenido en servidor.

¿Qué biblioteca del ecosistema Vue está destinada al desarrollo de aplicaciones SPA mediante la gestión de rutas?. Pinia. Vue Router. Vue Loader. VuePress.

¿Cuál es la función principal de Pinia dentro del ecosistema Vue?. Generar sitios web estáticos. Proporcionar herramientas de depuración. Gestionar de forma centralizada el estado de la aplicación. Compilar archivos CSS.

¿Cuál es el enfoque principal utilizado por Vue para definir vistas?. Programación imperativa mediante JavaScript puro. Enfoque declarativo basado en HTML. Definición mediante archivos XML. Generación exclusiva desde el servidor.

¿Qué ventaja ofrece el enfoque declarativo frente a la creación programática del DOM con JavaScript?. Obliga a escribir más código. Evita completamente el uso de JavaScript. Permite describir la interfaz de forma más sencilla y legible. Elimina la necesidad de componentes.

¿Qué elemento HTML5 puede utilizarse como plantilla reutilizable en Vue?. <style>. <script>. <template>. <iframe>.

¿Cómo se denomina el proceso mediante el cual Vue modifica o genera el DOM a partir de la plantilla y los datos?. Routing. Bundling. Compilación estática. Hidratación (Hydration).

¿Qué son las directivas en Vue?. Bibliotecas externas para gestionar datos. Elementos sintácticos, normalmente atributos, que modifican dinámicamente el DOM. Variables globales de la aplicación. Archivos CSS especiales.

¿Cuál de los siguientes ejemplos corresponde a una directiva de Vue?. <div class="rojo">. {{usuario.nombre}}. <p v-if="expresion"></p>. <template id="inicio">.

¿Qué son las interpolaciones en Vue?. Funciones para realizar llamadas AJAX. Expresiones encerradas entre llaves dobles que muestran datos dinámicamente. Componentes reutilizables. Métodos de navegación entre páginas.

¿Qué mostrará una interpolación como {{cliente.nombre}}?. El código fuente de la variable. El nombre del componente actual. El valor almacenado en la propiedad nombre del objeto cliente. Una cadena fija de texto.

¿Cuál es la finalidad principal de los componentes en Vue?. Crear nuevas etiquetas HTML con apariencia y funcionalidades propias. Reemplazar completamente JavaScript. Gestionar exclusivamente bases de datos. Sustituir las hojas de estilo CSS.

¿Cuál de los siguientes ejemplos representa correctamente el uso de un componente en Vue?. <div v-if="activo"></div>. {{usuario.edad}}. <template id="principal"></template>. <RelojComponent tipo="digital" />.

¿Cuál es el primer paso fundamental para inicializar una aplicación Vue?. Crear una base de datos. Crear el componente raíz. Configurar Vue Router. Instalar Pinia.

Después de crear el componente raíz, ¿qué paso debe realizarse?. Compilar la aplicación en modo producción. Crear un servidor web. Asociarlo a un elemento del DOM. Configurar una base de datos.

¿Cómo puede cargarse la biblioteca Vue?. Solo mediante módulos ES6. Solo mediante un objeto global. Mediante un objeto global o mediante módulos ES6. Exclusivamente desde un servidor Node.js.

¿Cuál es la principal diferencia entre las versiones de desarrollo y producción de Vue?. La versión de producción incluye más herramientas de depuración. La versión de desarrollo incorpora comprobaciones adicionales. La versión de producción utiliza otro lenguaje de programación. No existe ninguna diferencia.

¿Dónde se define el estado (modelo de vista) de un componente Vue?. En el archivo CSS. En la plantilla HTML. En el objeto devuelto por el método data(). En Vue Router.

¿Cómo pueden accederse las variables definidas en data() desde la vista?. Mediante índices numéricos. Únicamente mediante funciones especiales. Por su nombre directamente. Solo usando document.getElementById().

¿Cómo se accede a las variables reactivas desde los métodos del componente?. Utilizando window.variable. Utilizando document.variable. Utilizando this.nombreVariable. Utilizando super.variable.

¿Por qué se dice que las variables del estado son reactivas?. Porque se almacenan en archivos JSON. Porque implementan un patrón observador que detecta cambios. Porque solo pueden modificarse desde la vista. Porque son constantes.

¿Qué ocurre cuando cambia el valor de una variable reactiva?. La aplicación se reinicia. Se recompila todo el proyecto. Se recompila todo el proyecto. El valor se pierde automáticamente.

¿Qué característica describe correctamente el concepto de doble binding (two-way binding)?. Los cambios solo viajan de la vista al modelo. Los cambios solo viajan del modelo a la vista. Los cambios en el modelo afectan a la vista y los cambios en la vista actualizan el modelo. Se utiliza únicamente en componentes de servidor.

¿Cuál es la función principal de la directiva v-text?. Asociar un atributo HTML a una variable. Repetir elementos de una colección. Asociar el texto de una etiqueta al resultado de una expresión. Mostrar u ocultar elementos.

¿Qué alternativa equivalente existe a la directiva v-text="nombre"?. <p v-model="nombre"></p>. <p>{{nombre}}</p>. <p :nombre="nombre"></p>. <p v-if="nombre"></p>.

¿Qué permite hacer la directiva v-bind?. Crear componentes. Asociar dinámicamente un valor a un atributo o propiedad de un elemento HTML. Repetir elementos de una lista. Gestionar eventos de teclado.

¿Cuál es la forma abreviada de escribir v-bind?. @. #. :. *.

¿Qué hace la directiva v-model?. Realiza una interpolación de texto. Implementa un enlace bidireccional (double binding) entre un control de formulario y una variable del modelo. Crea componentes reutilizables. Gestiona rutas de navegación.

¿Cuál de las siguientes directivas permite incluir o eliminar un elemento del DOM según una condición?. v-bind. v-for. v-if. v-text.

¿Qué directivas pueden utilizarse junto con v-if para evaluar condiciones alternativas?. v-key y v-loop. v-model y v-bind. v-text y v-show. v-else y v-else-if.

¿Cuál es la finalidad principal de la directiva v-for?. Mostrar texto dinámicamente. Crear copias de una plantilla para cada elemento de una colección. Gestionar eventos de usuario. Asociar atributos HTML.

Además de recorrer colecciones, ¿qué otra capacidad tiene v-for?. Ejecutar consultas SQL. Iterar sobre un rango de valores, por ejemplo i in 100. Crear componentes automáticamente. Gestionar rutas dinámicas.

¿Por qué es recomendable utilizar v-bind:key cuando una colección puede mutar?. Para ocultar elementos automáticamente. Para mejorar la seguridad de la aplicación. Para asignar un identificador único a cada elemento y optimizar las actualizaciones del DOM. Para crear enlaces bidireccionales.

¿Cómo se organiza una aplicación en Vue según la arquitectura basada en componentes?. Como una única página HTML sin división interna. Como una jerarquía de objetos JavaScript denominados componentes. Como una colección de archivos CSS independientes. Como una base de datos distribuida.

¿Qué elemento poseen los componentes para representar visualmente la información?. Un esquema XML obligatorio. Una base de datos local. Una vista compuesta por elementos del DOM procesados como plantilla. Un servidor web integrado.

Además de la plantilla, ¿qué otro elemento visual puede estar asociado a un componente?. Archivos SQL. Estilos CSS. Controladores Java. Servicios REST.

¿Cómo almacenan los componentes su estado interno?. Mediante tablas de base de datos. Mediante variables globales del navegador. Mediante variables reactivas y propiedades proporcionadas en su declaración. Exclusivamente mediante cookies.

¿Qué característica tienen las variables que forman parte del estado de un componente?. Son estáticas e inmutables. Son reactivas. Solo pueden modificarse desde el servidor. Deben almacenarse en archivos externos.

¿Qué utilizan los componentes para implementar su lógica de control?. Únicamente hojas de estilo CSS. Métodos predefinidos y personalizados. Consultas SQL embebidas. Archivos XML de configuración.

¿Para qué se utilizan los servicios en la arquitectura basada en componentes?. Para definir estilos visuales. Para almacenar plantillas HTML. Para acceder a funcionalidades no relacionadas directamente con las vistas. Para reemplazar los componentes.

¿Cómo obtienen normalmente los componentes acceso a los servicios?. Mediante herencia múltiple. Mediante inyección de dependencias. Mediante variables globales obligatorias. Mediante consultas SQL.

¿Cuál de las siguientes formas corresponde a la sintaxis recomendada en documentos HTML para utilizar un componente?. <ClubFooter text="Club de Tenis" />. <CLUBFOOTER text="Club de Tenis" />. <club-footer text="Club de Tenis" />. <clubFooter text="Club de Tenis" />.

¿Qué convención de nombres se recomienda utilizar dentro de las plantillas de componentes Vue?. snake_case (club_footer). kebab-case (club-footer). UPPER_CASE (CLUBFOOTER). PascalCase (ClubFooter).

¿Cuáles son los dos métodos principales de definición de componentes?. HTML Templates y CSS Modules. Objeto literal JavaScript y Single-File Component (SFC). React Components y Angular Components. Clases Java y Servlets.

¿En qué tipo de archivo suele definirse un componente basado en un objeto literal JavaScript?. .html. .css. .js. .xml.

¿Qué característica tienen los componentes definidos como objetos literales JavaScript?. Requieren compilación previa obligatoria. Solo pueden utilizarse en el servidor. Pueden utilizarse directamente. Deben escribirse exclusivamente en TypeScript.

¿Qué significa la sigla SFC en Vue?. Server Framework Component. Single-File Component. Simple Function Component. Structured Frontend Component.

¿Qué característica distingue a los Single-File Components respecto a los objetos literales JavaScript?. No permiten utilizar CSS. Requieren procesamiento previo. Solo funcionan en Vue 2. No pueden contener lógica JavaScript.

¿Cuáles son las dos modalidades principales de configuración (API Styles) en Vue?. MVC API y MVVM API. Static API y Dynamic API. Options API y Composition API. DOM API y Browser API.

¿Qué versión de Vue introdujo la Composition API?. Vue 1. Vue 2. Vue 3. Vue 4.

¿Cuál de las siguientes características corresponde a la Options API?. Enfoque funcional basado en composables. Enfoque orientado a objetos con propiedades predefinidas como data, methods o props. Obliga a definir manualmente toda la reactividad. No permite reutilización de código.

¿Cuál es una ventaja destacada de la Composition API?. Elimina la necesidad de componentes. Permite construir componentes reutilizando funciones con estado (composables). Solo puede utilizarse en aplicaciones pequeñas. No necesita JavaScript.

¿Cuál de las siguientes afirmaciones es correcta respecto a la reactividad del estado?. En la Options API el programador debe declarar manualmente la reactividad. En la Composition API las variables son siempre reactivas automáticamente. En la Options API el estado es reactivo por defecto. Ninguna API soporta reactividad.

¿Qué extensión de archivo utilizan los Single-File Components (SFC) en Vue?. .js. .html. .vue. .ts.

¿Cuál es el propósito principal de un Single-File Component?. Almacenar únicamente estilos CSS. Definir en un único archivo la vista, la lógica de control y los estilos de un componente. Gestionar exclusivamente bases de datos. Crear rutas de navegación.

¿Qué elementos pueden encontrarse habitualmente dentro de un archivo .vue?. Solo HTML. Solo JavaScript. Plantilla (template), lógica de control y estilos. Exclusivamente CSS y JSON.

¿Qué proceso necesitan los SFC antes de poder ejecutarse en el navegador?. Compresión ZIP. Transpilación o preprocesamiento a un módulo JavaScript. Conversión a XML. Compilación a código máquina.

¿Cuál de las siguientes herramientas se menciona específicamente para procesar SFC?. Apache Maven. MySQL Workbench. Vite. Photoshop.

Además de Vite, ¿qué otra herramienta se menciona para trabajar con SFC?. Docker. Vue CLI. Bootstrap. jQuery.

¿Cuál de las siguientes ventajas de los SFC?. Eliminan completamente JavaScript. Utilizan exclusivamente programación funcional. Presentan una sintaxis familiar para el desarrollador. No requieren herramientas externas.

¿Qué ventaja aporta la cohesión en los Single-File Components?. Separar completamente los elementos de un componente en múltiples carpetas. Mantener relacionados en un mismo archivo los elementos que pertenecen al mismo componente. Eliminar el uso de CSS. Evitar el uso de plantillas.

¿Cómo contribuyen los IDEs al desarrollo con Single-File Components?. Impiden el uso de TypeScript. Solo permiten editar HTML. Ofrecen ayudas como autocompletado y comprobación de tipos. Sustituyen la compilación de Vue.

¿Cómo pueden integrarse los Single-File Components en una aplicación Vue?. Únicamente mediante etiquetas HTML estáticas. Como módulos ES6 utilizando import. Solo copiando y pegando código. Exclusivamente mediante CDN.

¿Dónde se define el estado y comportamiento de un componente Vue?. En el archivo CSS. En el objeto de configuración del componente. En la URL de la aplicación. En Vue Router.

¿A qué elementos puede acceder directamente la plantilla (template) de un componente?. Solo a variables CSS. Únicamente a servicios externos. A las variables de estado y a los métodos del componente. Solo a propiedades calculadas.

¿Dónde se definen los atributos que forman parte del estado interno del componente?. En la opción computed. En la propiedad methods. En el objeto devuelto por la función data(). En la propiedad props.

¿Qué son las propiedades (props) en Vue?. Variables CSS asociadas a un componente. Información proporcionada al componente mediante atributos HTML. Métodos del ciclo de vida. Funciones auxiliares de Vue Router.

¿En qué opción del componente se definen las propiedades recibidas desde el exterior?. data. methods. props. computed.

¿Qué son las propiedades calculadas (computed properties)?. Variables que nunca cambian. Funciones definidas en la opción computed cuyo valor se recalcula automáticamente cuando cambian sus dependencias. Propiedades recibidas mediante HTML. Métodos que se ejecutan una sola vez.

¿Cuál es la principal ventaja de las propiedades calculadas frente a calcular valores manualmente?. No utilizan JavaScript. Se actualizan automáticamente cuando cambian las variables de las que dependen. Sustituyen a las props. Solo funcionan en Vue Router.

¿Dónde se definen los métodos propios de un componente?. En props. En computed. En methods. En data().

¿Cuál es el uso más habitual de los métodos definidos en methods?. Definir estilos CSS. Actuar como manejadores de eventos asociados a la vista. Declarar rutas de navegación. Crear componentes automáticamente.

¿Qué son los métodos predeterminados o hooks?. Funciones que se ejecutan automáticamente en fases concretas del ciclo de vida del componente. Propiedades calculadas especiales. Métodos para gestionar bases de datos. Directivas de Vue.

¿Dónde se definen las variables calculadas en un componente Vue?. En la opción methods. En la opción watch. En la opción computed. En la opción props.

¿Sobre qué suelen basarse las variables calculadas?. Sobre archivos CSS. Sobre variables reactivas del componente. Sobre rutas de Vue Router. Sobre componentes externos exclusivamente.

¿Cuál es el principal objetivo de utilizar variables calculadas?. Crear peticiones AJAX. Gestionar el ciclo de vida del componente. Evitar expresiones complejas directamente en las vistas. Reemplazar completamente las props.

¿Qué ocurre cuando se accede varias veces a una propiedad calculada sin que cambien sus dependencias?. Se recalcula siempre desde cero. Se reutiliza el valor almacenado en caché. Produce un error. Se convierte en una variable normal.

¿Cuándo se recalcula una propiedad calculada?. Cada vez que se renderiza la página. Solo al iniciar la aplicación. Cuando cambia alguna de las variables reactivas que utiliza. Cada segundo automáticamente.

¿Qué es un observador (watcher) en Vue?. Un componente reutilizable. Una función que se ejecuta cuando cambia una propiedad reactiva. Una directiva de plantilla. Un archivo de configuración.

¿Dónde se definen los observadores en un componente Vue?. En computed. En data(). En la opción watch. En props.

¿Cuál es una diferencia fundamental entre una propiedad calculada y un watcher?. Las propiedades calculadas no usan variables reactivas. Los watchers generan valores para la vista. Las propiedades calculadas se usan para mostrar información, mientras que los watchers realizan acciones cuando cambian los datos. No existe ninguna diferencia.

¿Cuál de los siguientes casos es más adecuado para utilizar un watcher?. Mostrar el nombre completo de una persona a partir de nombre y apellidos. Calcular el IVA de un producto. Lanzar una petición AJAX cuando cambia el texto de búsqueda. Concatenar cadenas de texto para mostrarlas en pantalla.

¿Cuál de las siguientes afirmaciones sobre las propiedades calculadas es correcta?. Siempre se recalculan aunque los datos no cambien. No pueden utilizar variables reactivas. Su resultado puede almacenarse en caché para mejorar el rendimiento. Solo sirven para realizar llamadas AJAX.

¿Qué representa el ciclo de vida de un componente en Vue?. El proceso de compilación del navegador. Las distintas fases por las que pasa un componente desde su creación hasta su eliminación. La gestión de estilos CSS. El funcionamiento de Vue Router.

¿En qué estado se encuentra un componente cuando Vue lo ha detectado y configurado para comenzar a utilizarse?. Montado. Actualizado. Creado. Desmontado.

¿Qué tarea suele realizarse durante el estado de creación de un componente?. Eliminar elementos del DOM. Inicializar propiedades y configuraciones del componente. Aplicar rutas de navegación. Compilar hojas de estilo.

¿Cuándo se considera que un componente está montado?. Cuando se ha creado un archivo .vue. Cuando se ha procesado la plantilla y se ha añadido al DOM. Cuando se elimina del DOM. Cuando se instala Vue CLI.

¿Qué ocurre durante el estado "Actualizado" (Updated)?. El componente se elimina definitivamente. Se instala una nueva versión de Vue. Se actualiza la apariencia visual debido a cambios en el estado. Se generan las rutas de la aplicación.

¿Cuándo pasa un componente al estado "Desmontado"?. Cuando deja de utilizarse y es retirado del DOM. Cuando se crea por primera vez. Cuando recibe nuevas propiedades. Cuando se ejecuta una petición AJAX.

¿Cómo se denominan las funciones que se ejecutan automáticamente en momentos específicos del ciclo de vida?. Directivas. Hooks. Props. Composables.

¿Cuál de los siguientes ejemplos corresponde a un hook que se ejecuta después de que el componente haya sido montado?. beforeCreated(). mounted(). computed(). watch().

¿Qué hook se ejecuta cuando un componente ha sido actualizado debido a cambios en su estado?. updated(). created(). mounted(). props().

¿Cuál de los siguientes hooks se ejecuta antes de la creación completa del componente?. unmounted(). updated(). beforeCreated(). mounted().

¿Qué directiva se utiliza en Vue para asociar un manejador a un evento?. v-if. v-model. v-on. v-bind.

¿Cuál es la forma abreviada de la directiva v-on?. #. :. $. @.

¿Qué hace el siguiente código? <button @click="manejador">Opción 1</button>. Crea un componente nuevo. Ejecuta el método manejador cuando se produce un clic. Oculta el botón. Actualiza automáticamente el estado.

¿Qué puede asociarse a una directiva de evento en Vue?. Únicamente métodos del componente. Solo funciones externas. Código JavaScript simple en línea o métodos del componente. Exclusivamente propiedades calculadas.

¿Qué parámetro reciben por defecto los métodos utilizados como manejadores de eventos?. El componente completo. Un objeto con el evento JavaScript generado. La URL actual. Una copia del DOM.

¿Qué variable especial permite acceder al evento nativo cuando se pasan parámetros personalizados?. this. $props. $event. $watch.

¿Qué ocurre en el siguiente ejemplo? <button @click="manejador('valor', $event)">. Se ejecuta el método sin argumentos. Se pasan al método un valor personalizado y el evento nativo. Se cancela automáticamente el evento. Se crea un componente nuevo.

¿Para qué sirven los modificadores de eventos?. Para crear rutas dinámicas. Para realizar operaciones habituales sobre eventos, como detener su propagación o cancelar acciones por defecto. Para definir propiedades calculadas. Para crear componentes reutilizables.

¿Qué efecto tiene el modificador .prevent en el siguiente ejemplo? <form @submit.prevent="validarDatos">. Elimina el formulario del DOM. Ejecuta automáticamente event.preventDefault(). Impide la ejecución del método. Oculta los campos del formulario.

¿Qué significa la siguiente directiva? <input @keyup.enter="buscaParcial">. Ejecuta el método cuando se pulsa cualquier tecla. Ejecuta el método únicamente cuando se pulsa la tecla Enter. Ejecuta el método al hacer clic en el ratón. Ejecuta el método cuando el campo pierde el foco.

¿Qué directiva de Vue se utiliza principalmente para vincular controles de formulario con variables reactivas?. v-if. v-bind. v-model. v-for.

¿Qué tipo de enlazado proporciona v-model?. Enlazado unidireccional del modelo a la vista. Enlazado unidireccional de la vista al modelo. Enlazado bidireccional (double binding). Ningún tipo de enlazado.

¿Qué representa correctamente el concepto de double binding?. La variable modifica el control, pero no al revés. El control modifica la variable, pero no al revés. El control y la variable se mantienen sincronizados en ambos sentidos. El control se actualiza únicamente al recargar la página.

¿A qué combinación equivale internamente el uso de v-model?. v-if + v-for. v-bind:value + v-on:input. v-show + v-bind. computed + watch.

En la implementación equivalente de v-model, ¿qué evento se utiliza normalmente para detectar cambios en un campo de texto?. click. submit. input. mouseover.

¿De qué depende el valor inicial de un control asociado mediante v-model?. Del atributo HTML value exclusivamente. Del contenido del CSS asociado. De la variable JavaScript vinculada. Del último valor introducido por el usuario.

¿Qué efecto tiene el modificador .lazy aplicado a v-model?. Convierte el valor a número. Elimina espacios en blanco. Sustituye el evento input por el evento change. Impide la actualización de la variable.

¿Cuál es la función del modificador .number?. Convierte el valor introducido a un tipo numérico. Limita el número de caracteres. Impide introducir texto. Convierte el número a texto.

¿Qué hace el modificador .trim?. Convierte el texto a mayúsculas. Elimina espacios al principio y al final del texto. Sustituye espacios por guiones. Limita la longitud del contenido.

¿Qué característica tienen los modificadores de v-model?. Solo puede utilizarse uno por control. Solo funcionan con campos numéricos. Pueden anidarse o combinarse entre sí. Son exclusivos de Vue Router.

¿Qué mecanismo específico proporciona Vue para definir restricciones en controles de formularios?. Un sistema de validación integrado obligatorio. Un conjunto de directivas específicas de validación. Ningún mecanismo específico integrado. Vue Router.

¿Cuál de las siguientes bibliotecas se menciona específicamente para la validación de formularios en Vue?. Pinia. Vue Router. Vee-validate. VuePress.

¿Qué otra biblioteca de validación?. Bootstrap. Vuelidate. jQuery Validation. Axios.

¿Qué alternativa propone cuando no se utilizan bibliotecas de validación?. Validaciones manuales y gestión dinámica de clases de estilo. Uso obligatorio de TypeScript. Validaciones realizadas únicamente en el servidor. Sustituir los formularios por componentes.

¿Qué tipo de estilos puede definir un componente Vue?. Solo estilos globales. Solo estilos locales. Estilos globales y estilos locales (scoped). Exclusivamente estilos externos.

¿Qué etiqueta se utiliza para definir estilos locales en un componente?. <style local>. <style private>. <style scoped>. <css scoped>.

¿Cuál es una característica de los estilos scoped?. Son visibles únicamente en el navegador Chrome. No pueden ser sobrescritos por estilos globales con el mismo nombre. Se aplican automáticamente a toda la aplicación. No permiten utilizar clases CSS.

¿Qué permite la asignación dinámica de clases mediante :class?. Crear componentes automáticamente. Asociar clases CSS según el resultado de expresiones. Gestionar rutas dinámicas. Realizar peticiones AJAX.

¿Qué permite la directiva :style?. Definir propiedades CSS dinámicamente mediante expresiones. Crear hojas de estilo externas. Sustituir completamente CSS. Gestionar eventos del ratón.

¿Cómo deben escribirse en :style las propiedades CSS que contienen guiones?. Sin comillas, por ejemplo font-size. Entre corchetes. Entre comillas, por ejemplo 'font-size'. En mayúsculas.

pag 15. parte 2. v.