Frontend

Asosiylardan tashqari boshqa qanday HTTP usullari mavjud?

setup() (o'tkaziladi oldin beforeCreate va created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ota: setup Ota: beforeCreate Ota: created Ota: beforeMount Bolalar: setup Bolalar: beforeCreate Bolalar: created Bolalar: beforeMount Bolalar: mounted Ota: 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="Mua meni"></MyButton> </template>

Bir o'zgaruvchi bor va u Book yoki Video turida bo'lishi mumkin. Ob'ekt turini qanday tekshirish mumkin? Tipni nazorat qilish funktsiyasi qanday turni qaytaradi?

// 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() (boshqa yaratishdan oldin va createddan oldin bajariladi) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ota: setup Ota: beforeCreate Ota: created Ota: beforeMount Farzand: setup Farzand: beforeCreate Farzand: created Farzand: beforeMount Farzand: mounted Ota: mounted <template> <div> <slot name=""></slot> </div> </template>

TypeScript qanday afzalliklar keltiradi?

HTTP so'rovi nima tarkibidan iborat?

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

JavaScript'dagi yopilishlar haqida gapiring. Vue 3 da yopilishlar qayerda ishlatiladi?

Vue'da computed va watchers nima?

Vue 3 komponentida getProducts funktsiyasini chaqiring va olingan natijalarni shablonda ko'rsating.

Virtual DOM nima va u qanday ishlaydi?

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

Vue 3 da hayot tsikli hooklari haqida gapir. Sahifa montaj qilinayotganda ota va bola komponentlarida hooklar qanday tartibda chaqiriladi?

TypeScriptda Type Guard nima?

Ish tajribangiz haqida gapiring.

Siz Vue 2 dan Vue 3 ga o'tdingiz va migratsiyada ishtirok etdingizmi? Batafsil ayta olasizmi?

HTTP protokollari va ishlatiladigan usullar haqida gapirib bering.

Reaktivlik nima va Vue'da qanday ishlaydi? Vue 2 va Vue 3 orasidagi reaktivlik farqi nima?

Mahsulotlar ro'yxatini qaytaradigan fetch so'rovini yozing. Uni qayta ishlatish mumkin bo'lgan alohida funktsiyada o'rab oling.

Vue'da holatni qayerda saqlash mumkin? Qaysi hollarda Pinia/Vuex dan foydalanish yaxshiroq, qaysi hollarda provide/inject?