Frontend

Welke andere HTTP-methoden zijn er (naast de belangrijkste)?

setup() (wordt uitgevoerd vóór beforeCreate en created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ouder: setup Ouder: beforeCreate Ouder: created Ouder: beforeMount Kind: setup Kind: beforeCreate Kind: created Kind: beforeMount Kind: mounted Ouder: 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="Klik op mij"></MyButton> </template>

Er is een variabele die van het type Book of Video kan zijn. Hoe controleer je het type van het object? Welk type retourneert de type guard-functie?

// 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() (worden uitgevoerd vóór beforeCreate en created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ouder: setup Ouder: beforeCreate Ouder: created Ouder: beforeMount Kind: setup Kind: beforeCreate Kind: created Kind: beforeMount Kind: mounted Ouder: mounted <template> <div> <slot name=""></slot> </div> </template>

Welke voordelen biedt TypeScript?

Waaruit bestaat een HTTP-verzoek?

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

Vertel over closures in JavaScript. Waar worden closures gebruikt in Vue 3?

Wat zijn computed en watchers in Vue?

Roep de functie getProducts aan in de Vue 3-component en geef de verkregen resultaten weer in de sjabloon.

const evenementen = [ { naam: 'Маша', datum: '[phone]' }, { naam: 'Даша', datum: '[phone]' }, { naam: 'Ваня', datum: '[phone]' }, { naam: 'Петя', datum: '[phone]' }, { naam: 'Митя', datum: '[phone]' }, ];

Wat is Virtual DOM en hoe werkt het?

Wat is een Type Guard in TypeScript?

Vertel me over de lifecycle hooks in Vue 3. In welke volgorde worden de hooks aangeroepen bij het monteren van de pagina voor ouder- en kindcomponenten?

Vertel eens over je werkervaring.

Bent u overgestapt van Vue 2 naar Vue 3 en betrokken geweest bij de migratie? Kunt u daar meer over vertellen?

Schrijf een fetch-verzoek dat een lijst met producten retourneert. Wikkel het in een aparte functie die hergebruikt kan worden.

Wat is reactiviteit en hoe werkt het in Vue? Wat is het verschil tussen reactiviteit in Vue 2 en Vue 3?

Vertel ons over HTTP-protocollen en de gebruikte methoden.

Waar kan de staat in Vue worden opgeslagen? In welke gevallen is het beter om Pinia/Vuex te gebruiken, en in welke provide/inject?