Frontend

Aké ďalšie HTTP metódy existujú (okrem hlavných)?

setup() (vykonáva sa pred beforeCreate a created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Rodič: setup Rodič: beforeCreate Rodič: created Rodič: beforeMount Dieťa: setup Dieťa: beforeCreate Dieťa: created Dieťa: beforeMount Dieťa: 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="Klikk på meg"></MyButton> </template>

Existuje premenná, ktorá môže byť typu Book alebo Video. Ako skontrolovať typ objektu? Aký typ vracia funkcia typu-guard?

// 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() (pre izvršavanja onBeforeCreate i created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Roditelj: setup Roditelj: beforeCreate Roditelj: created Roditelj: beforeMount Dete: setup Dete: beforeCreate Dete: created Dete: beforeMount Dete: mounted Roditelj: mounted <template> <div> <slot name=""></slot> </div> </template>

Aké výhody prináša TypeScript?

Z čoho pozostáva HTTP požiadavka?

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

Povedzte nám o uzáveroch v JavaScripte. Kde sa v Vue 3 používajú uzávery?

Čo sú computed a watchers vo Vue?

Volajte funkciu getProducts v komponente Vue 3 a zobrazte získané výsledky v šablóne.

udalosti = [ { názov: 'Маша', dátum: '[phone]' }, { názov: 'Даша', dátum: '[phone]' }, { názov: 'Ваня', dátum: '[phone]' }, { názov: 'Петя', dátum: '[phone]' }, { názov: 'Митя', dátum: '[phone]' }, ];

Čo je Virtual DOM a ako funguje?

Čo je to Type Guard v TypeScript?

Povedajte mi o lifecycle hooks v Vue 3. V kakšnem vrstnem redu se kličejo hooki pri montaži strani za starševske in otroške komponente?

Porozprávajte mi o svojich pracovných skúsenostiach.

Prešli ste z Vue 2 na Vue 3 a zúčastnili ste sa migrácie. Môžete povedať viac podrobností?

Napíšte požiadavku fetch, ktorá vracia zoznam produktov. Zabaľte ju do samostatnej funkcie, ktorú je možné opakovane použiť.

Čo je reaktivita a ako funguje vo Vue? Aký je rozdiel medzi reaktivitou vo Vue 2 a Vue 3?

Povedzte nám o HTTP protokoloch a používaných metódach.

Kde možno uložiť stav vo Vue? V ktorých prípadoch je lepšie používať Pinia/Vuex a v ktorých provide/inject?