Frontend

Milyen más HTTP módszerek léteznek (a főbbeken kívül)?

setup() (előtte fut le a beforeCreate és a created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Szülő: setup Szülő: beforeCreate Szülő: created Szülő: beforeMount Gyermek: setup Gyermek: beforeCreate Gyermek: created Gyermek: beforeMount Gyermek: mounted Szülő: 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="Kattints rám"></MyButton> </template>

Van egy változó, amely lehet Book vagy Video típusú. Hogyan ellenőrizhető az objektum típusa? Milyen típusú értéket ad vissza a típusvédelmi függvény?

// 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() (a beforeCreate és created előtt fut) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Szülő: setup Szülő: beforeCreate Szülő: created Szülő: beforeMount Gyermek: setup Gyermek: beforeCreate Gyermek: created Gyermek: beforeMount Gyermek: mounted Szülő: mounted <template> <div> <slot name=""></slot> </div> </template>

Milyen előnyöket nyújt a TypeScript?

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

Miből áll egy HTTP-kérés?

Meséljen a JavaScript-ben lévő lezárásokról. Hol használják a lezárásokat a Vue 3-ban?

Mi a computed és a watchers Vue-ban?

Mesélj a Vue 3 életciklus hookjairól. Milyen sorrendben hívódnak meg a hookok a szülő és gyermek komponenseknél a oldal betöltésekor?

Mi az a Virtual DOM és hogyan működik?

Hívja meg a getProducts függvényt a Vue 3 komponensben, és jelenítse meg a kapott eredményeket a sablonban.

az események = [ { név: 'Маша', dátum: '[phone]' }, { név: 'Даша', dátum: '[phone]' }, { név: 'Ваня', dátum: '[phone]' }, { név: 'Петя', dátum: '[phone]' }, { név: 'Митя', dátum: '[phone]' }, ];

Mi az a Type Guard a TypeScript-ben?

Meséljen a munkatapasztalatáról.

Átmentél a Vue 2-ről a Vue 3-ra, és részt vettél a migrációban. Tudnál részletesebben mesélni róla?

Meséljen az HTTP protokollokról és az általuk használt módszerekről.

Mi az a reaktivitás és hogyan működik a Vue-ban? Mi a különbség a Vue 2 és Vue 3 reaktivitása között?

Írjon egy fetch-kérést, amely visszaadja a termékek listáját. Csomagolja egy külön függvénybe, amelyet újra felhasználhat.

Hol tárolható az állapot Vue-ban? Milyen esetekben jobb a Pinia/Vuex használata, és milyen esetekben a provide/inject?