Frontend

Kokie kiti HTTP metodai yra (be pagrindinių)?

setup() (vykdoja prieš beforeCreate ir created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Tėvas: setup Tėvas: beforeCreate Tėvas: created Tėvas: beforeMount Vaikas: setup Vaikas: beforeCreate Vaikas: created Vaikas: beforeMount Vaikas: mounted Tėvas: 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="Paspausk mane"></MyButton> </template>

Yra kintamasis, kuris gali būti Book arba Video tipo. Kaip patikrinti objekto tipą? Kokią tipą grąžina tipo-guard funkcija?

Kokių privalumų suteikia TypeScript?

// 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() (vykdomas prieš beforeCreate ir created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Tėvas: setup Tėvas: beforeCreate Tėvas: created Tėvas: beforeMount Vaikas: setup Vaikas: beforeCreate Vaikas: created Vaikas: beforeMount Vaikas: mounted Tėvas: mounted <template> <div> <slot name=""></slot> </div> </template>

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

Iš ko sudarytas HTTP užklausa?

Pasakykite apie uždarymus JavaScript. Kur naudojami uždarymai Vue 3?

Kas yra computed ir watchers Vue?

Kas yra Virtual DOM ir kaip jis veikia?

Papaskok apie Vue 3 lifecycle hooks. Kokia tvarka kviečiami hook'ai tėvų ir vaikų komponentuose puslapio montavimo metu?

Kviesti funkciją getProducts Vue 3 komponentėje ir atvaizduoti gautus rezultatus šablone.

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

Kas yra Type Guard TypeScript'e?

Papaskinkite apie savo darbo patirtį.

Perėjote iš Vue 2 į Vue 3 ir dalyvavote migracijoje? Gal galite papasakoti išsamiau?

Papaskinkite apie HTTP protokolus ir naudojamus metodus.

Kas yra reaktyvumas ir kaip jis veikia Vue? Kuo skiriasi reaktyvumas Vue 2 ir Vue 3?

Parašykite fetch užklausą, kuri grąžina produktų sąrašą. Apvyniokite ją atskirame funkcijoje, kurią galima pakartotinai naudoti.

Kur galima saugoti būseną Vue? Kokiais atvejais geriau naudoti Pinia/Vuex, o kokiais – provide/inject?