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="Маған бас!"> </template>

Book немесе Video болуы мүмкін болатын айнымалы бар. Объектінің типін қалай тексеруге болады? Type 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 Балалар: 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 функциясын шақырып, нәтижелерін шаблонда көрсетіңіз.

Virtual DOM деген не және ол қалай жұмыс істейді?

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

Vue 3-те өмірлік циклдік ілмектер туралы айтыңыз. Бет жүктелу кезінде ата-ана және балалық компоненттер үшін ілмектер қандай тәртіппен шақырылады?

TypeScript-те Type Guard дегеніміз не?

Жұмыс тәжірибеңіз туралы айтыңыз.

Vue 2-ден Vue 3-ке көштіңіз бе және миграцияға қатыстым ба? Толығырақ айта аласыз ба?

Қолданылатын HTTP протоколдары мен әдістері туралы айтыңыз.

Реактивтілік дегеніміз не және ол Vue-да қалай жұмыс істейді? Vue 2 және Vue 3-те реактивтіліктің айырмашылығы неде?

Өнімдердің тізімін қайтаратын fetch сұрауын жазыңыз. Оны қайта қолданылатын функцияға ораңыз.

Vue-де күйді қайда сақтау керек? Қашан Pinia/Vuex қолданған дұрыс, ал қашан provide/inject?