Frontend

Jakie inne metody HTTP istnieją (oprócz podstawowych)?

setup() (wywoływane przed beforeCreate i created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Rodzic: setup Rodzic: beforeCreate Rodzic: created Rodzic: beforeMount Dziecko: setup Dziecko: beforeCreate Dziecko: created Dziecko: beforeMount Dziecko: mounted Rodzic: 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="Kliknij mnie"></MyButton> </template>

Czy istnieje zmienna, która może być typu Book lub Video? Jak sprawdzić typ obiektu? Jaki typ zwraca funkcja 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() (wykonuje się przed beforeCreate i created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Rodzic: setup Rodzic: beforeCreate Rodzic: created Rodzic: beforeMount Dziecko: setup Dziecko: beforeCreate Dziecko: created Dziecko: beforeMount Dziecko: mounted Rodzic: mounted <template> <div> <slot name=""></slot> </div> </template>

Jakie korzyści daje TypeScript?

Z czego składa się żądanie HTTP?

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

Opowiedz o zamknięciach w JavaScript. Gdzie w Vue 3 używane są zamknięcia?

Czym są computed i watchers w Vue?

Wywołaj funkcję getProducts w komponencie Vue 3 i wyświetl otrzymane wyniki w szablonie.

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

Czym jest Virtual DOM i jak działa?

Czym jest Type Guard w TypeScript?

Opowiedz o hookach cyklu życia w Vue 3. W jakiej kolejności wywoływane są hooki w komponentach rodzic i dziecko podczas montowania strony?

Opowiedz o swoim doświadczeniu zawodowym.

Przechodziłeś z Vue 2 na Vue 3 i brałeś udział w migracji? Czy możesz opowiedzieć więcej?

Napisz zapytanie fetch, które zwraca listę produktów. Owiń je w osobną funkcję, którą można ponownie wykorzystać.

Czym jest reaktywność i jak działa w Vue? Jaka jest różnica między reaktywnością w Vue 2 a Vue 3?

Opowiedz o protokołach HTTP i metodach, które są używane.

Gdzie można przechowywać stan w Vue? W jakich przypadkach lepiej używać Pinia/Vuex, a w jakich provide/inject?