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() (бұрын create және beforeCreate шақырылмай тұрып орындалады) 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теги жабыктыклар кайда колдонулат?

Vue-деги computed жана watchers эмне?

Vue 3 компонентинин getProducts функциясын чакырып, алынган натыйжаларды шаблондо көрсөтүңүз.

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

Virtual DOM эмне жана ал кандай иштейт?

TypeScriptте Type Guard деген эмне?

Vue 3төгү lifecycle hooks тууралуу айтып бер. Барак жана балдар компоненттеринде хуктар кайсы тартипте чакырылат?

Иш тажрыйбаңыз жөнүндө айтып бериңиз.

Сиз Vue 2 дан Vue 3 га өтүп, миграцияга катыштыңызбы? Көбүрөөк маалымат бере аласызбы?

Продукттар тизмегин кайтарган fetch суроо жазгыла. Аны кайра колдонулушу мүмкүн болгон өзүнчө функцияга ороп коюңуз.

Реактивтүүлүк деген эмне жана ал Vueда кантип иштейт? Vue 2 жана Vue 3 арасындагы реактивтүүлүк айырмасы эмнеде?

HTTP протоколдору жана колдонулуп жаткан ыкмалары жөнүндө айтып бериңиз.

Vueда абал кантип сакталат? Канча учурда Pinia/Vuex колдонуу жакшы, жана кайсы учурда provide/inject колдонуу жакшы?