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 տիպի: Ինչպե՞ս ստուգել օբյեկտի տիպը: Ո՞ր տիպն է վերադարձնում տիպ-պաշտպանիչ ֆունկցիան:

// 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 Երեխա: setup Երեխա: beforeCreate Երեխա: created Երեխա: beforeMount Երեխա: mounted Հայր: mounted <template> <div> <slot name=""></slot> </div> </template>

TypeScript-ը ինչ օգուտներ է տալիս?

HTTP հարցումը ինչից է բաղկացած?

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

Խոսեք JavaScript-ի փակման մասին: որտեղ են օգտագործվում փակումները Vue 3-ում։

Ի՞նչ են computed և watchers-ը Vue-ում։

Հրավիրեք getProducts ֆունկցիան Vue 3 կոմպոնենտում և ցուցադրեք ստացված արդյունքները ձևանմուշում։

Ի՞նչ է Virtual DOM-ը և ինչպես է այն աշխատում։

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

Խոսեք Vue 3-ի lifecycle hooks-ների մասին։ Ինչպես են կանչվում hooks-ները էջի մոնտաժման ժամանակ՝ ծնողական և երեխայի կոմպոնենտների դեպքում։

Ինչ է Type Guard-ը TypeScript-ում։

Խոսեք ձեր աշխատանքային փորձի մասին։

Դուք անցաք Vue 2-ից Vue 3 և մասնակցեցիք միգրացիային: Կարող եք մանրամասն պատմել?

Խնդրում ենք պատմել HTTP պրոտոկոլների և օգտագործվող մեթոդների մասին։

Գրեք fetch հարցում, որը վերադարձնում է ապրանքների ցուցակ։ Դրա մեջ տեղադրեք առանձին ֆունկցիա, որը կարելի է կրկնօրինակել։

Ի՞նչ է ռեակցիոնությունը և ինչպես է այն աշխատում Vue-ում: Ի՞նչ տարբերություն կա Vue 2 և Vue 3 ռեակցիոնության միջև։

Որտե՞ղ կարելի է պահել վիճակը Vue-ում: Որ դեպքերում ավելի լավ է օգտագործել Pinia/Vuex, իսկ որ դեպքերում՝ provide/inject?