Frontend

¿Qué otros métodos HTTP existen (además de los principales)?

setup() (se ejecuta antes de beforeCreate y created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Padre: setup Padre: beforeCreate Padre: created Padre: beforeMount Hijo: setup Hijo: beforeCreate Hijo: created Hijo: beforeMount Hijo: mounted Padre: mounted <template> <button @click="onClick"> {{ text }} </button> </template> <script lang="ts"> interface Props { text: string; } const props = defineProps<Props>(); interface Emit { myClick: [string]; } const emits = defineEmit<Emit>(); function onClick() { } </script> <template> <MyButton :text="Haz clic en mí"></MyButton> </template>

¿Hay una variable que puede ser de tipo Book o Video? ¿Cómo verificar el tipo del objeto? ¿Qué tipo devuelve la función de protección de tipo?

// comp.vue <template> <ul v-if="products != null"> <li v-for="(pr, i) in products">{{pr}}</li> </ul> </template> <script> import {getProducts} from ""; import {ref} from "vue"; const products = ref(null); onMounted(() => { getProducts().then(result => products.value = result) }) </script> setup() (se ejecuta antes de beforeCreate y created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Padre: setup Padre: beforeCreate Padre: created Padre: beforeMount Hijo: setup Hijo: beforeCreate Hijo: created Hijo: beforeMount Hijo: mounted Padre: mounted <template> <div> <slot name=""></slot> </div> </template>

¿Qué ventajas ofrece TypeScript?

¿De qué consta una solicitud HTTP?

console.log('1'); setTimeout(() => console.log('2'), 0); Promise.resolve().then(() => console.log('3')); console.log('4');

Háblame sobre los closures en JavaScript. ¿Dónde se utilizan los closures en Vue 3?

¿Qué son computed y watchers en Vue?

Llame a la función getProducts en el componente Vue 3 y renderice los resultados obtenidos en la plantilla.

const events = [ { name: 'Маша', date: '[phone]' }, { name: 'Даша', date: '[phone]' }, { name: 'Ваня', date: '[phone]' }, { name: 'Петя', date: '[phone]' }, { name: 'Митя', date: '[phone]' }, ];

¿Qué es Virtual DOM y cómo funciona?

¿Qué es Type Guard en TypeScript?

Cuéntame sobre los hooks del ciclo de vida en Vue 3. ¿En qué orden se llaman los hooks en los componentes padre e hijo durante la montaje de la página?

Cuéntame sobre tu experiencia laboral.

¿Has migrado de Vue 2 a Vue 3 y has participado en la migración? ¿Puedes contar más detalles?

Escriba una solicitud fetch que devuelva una lista de productos. Envuélvalo en una función separada que se pueda reutilizar.

¿Qué es la reactividad y cómo funciona en Vue? ¿Cuál es la diferencia entre la reactividad en Vue 2 y Vue 3?

Cuéntenos sobre los protocolos HTTP y los métodos que se utilizan.

¿Dónde se puede almacenar el estado en Vue? ¿En qué casos es mejor usar Pinia/Vuex y en cuáles provide/inject?