Frontend

Какви още HTTP методи има (освен основните)?

setup() (се изпълнява преди beforeCreate и created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Родител: setup Родител: beforeCreate Родител: created Родител: beforeMount Дете: setup Дете: beforeCreate Дете: created Дете: beforeMount Дете: mounted Родител: 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="Кликни на мен"></MyButton> </template>

Има променлива, която може да бъде тип Book или Video. Как да проверите типа на обекта? Какъв тип връща функцията-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() (перед вызовом beforeCreate и created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Родитель: setup Родитель: beforeCreate Родитель: created Родитель: beforeMount Родитель: mounted Дитя: setup Дитя: beforeCreate Дитя: created Дитя: beforeMount Дитя: mounted Родитель: mounted <template> <div> <slot name=""></slot> </div> </template>

Какви предимства дава TypeScript?

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

От какво се състои HTTP заявката?

Разкажете за затварянията в JavaScript. Къде се използват затварянията във Vue 3?

Какво са computed и watchers във Vue?

Какво е Virtual DOM и как работи?

Обадете се на функцията getProducts в компонента Vue 3 и изобразете получените резултати в шаблона.

Разкажи ми за lifecycle hooks във Vue 3. В какъв ред се извикват хуковете при родителските и дъщерните компоненти при монтирането на страницата?

събития = [ { име: 'Маша', дата: '[phone]' }, { име: 'Даша', дата: '[phone]' }, { име: 'Ваня', дата: '[phone]' }, { име: 'Петя', дата: '[phone]' }, { име: 'Митя', дата: '[phone]' }, ];

Какво е Type Guard в TypeScript?

Разкажете за своя опит в работата.

Разкажете ни за HTTP протоколите и използваните методи.

Преминахте от Vue 2 към Vue 3 и участвахте в миграцията. Можете ли да разкажете повече за това?

Какво е реактивност и как работи във Vue? Каква е разликата между реактивността във Vue 2 и Vue 3?

Напишете fetch заявка, която връща списък с продукти. Опаковайте я в отделна функция, която може да се използва повторно.

Къде може да се съхранява състоянието във Vue? В кои случаи е по-добре да използвате Pinia/Vuex, а в кои provide/inject?