Frontend

Jaké další HTTP metody existují (kromě hlavních)?

setup() (běží před beforeCreate a created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Rodič: setup Rodič: beforeCreate Rodič: created Rodič: beforeMount Dítě: setup Dítě: beforeCreate Dítě: created Dítě: beforeMount Dítě: mounted Rodič: 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="Klikni na mě"></MyButton> </template>

Existuje proměnná, která může být typu Book nebo Video. Jak zkontrolovat typ objektu? Jaký typ vrací funkce typu-guard?

Jaké výhody přináší TypeScript?

// 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() (během vykonávání před voláním beforeCreate a created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Rodič: setup Rodič: beforeCreate Rodič: created Rodič: beforeMount Dítě: setup Dítě: beforeCreate Dítě: created Dítě: beforeMount Dítě: mounted Rodič: mounted <template> <div> <slot name=""></slot> </div> </template>

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

Z čeho se skládá HTTP požadavek?

Povězte mi o uzávěrkách v JavaScriptu. Kde se uzávěrky používají ve Vue 3?

Co jsou computed a watchers ve Vue?

Co je to Virtual DOM a jak funguje?

Pověz mi o hookech životního cyklu ve Vue 3. V jakém pořadí jsou volány hooky u rodičovských a dětských komponent při načítání stránky?

Voláte funkci getProducts v komponentě Vue 3 a zobrazte získané výsledky v šabloně.

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

Co je to Type Guard v TypeScript?

Povězte mi o své pracovní zkušenosti.

Přecházeli jste z Vue 2 na Vue 3 a zúčastnili jste se migrace? Můžete říct více podrobností?

Povězte nám o protokolech HTTP a používaných metodách.

Co je to reaktivita a jak funguje ve Vue? Jaký je rozdíl mezi reaktivitou ve Vue 2 a Vue 3?

Napište požadavek fetch, který vrací seznam produktů. Zabalte ho do samostatné funkce, kterou lze znovu použít.

Kde lze uložit stav ve Vue? V jakých případech je lepší používat Pinia/Vuex a v jakých provide/inject?