Frontend

Welche weiteren HTTP-Methoden gibt es (neben den wichtigsten)?

setup() (wird vor beforeCreate und created ausgeführt) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Elternteil: setup Elternteil: beforeCreate Elternteil: created Elternteil: beforeMount Kind: setup Kind: beforeCreate Kind: created Kind: beforeMount Kind: mounted Elternteil: 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="Klick mich"></MyButton> </template>

Gibt es eine Variable, die vom Typ Book oder Video sein kann? Wie überprüft man den Objekttyp? Welchen Typ gibt die Type-Guard-Funktion zurück?

// 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() (wird vor beforeCreate und created ausgeführt) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Elternteil: setup Elternteil: beforeCreate Elternteil: created Elternteil: beforeMount Kind: setup Kind: beforeCreate Kind: created Kind: beforeMount Kind: mounted Elternteil: mounted <template> <div> <slot name=""></slot> </div> </template>

Welche Vorteile bietet TypeScript?

Woraus besteht eine HTTP-Anfrage?

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

Erzählen Sie mir von Closures in JavaScript. Wo werden Closures in Vue 3 verwendet?

Was sind computed und watchers in Vue?

Rufen Sie die Funktion getProducts in der Vue 3-Komponente auf und rendern Sie die erhaltenen Ergebnisse im Template.

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

Was ist Virtual DOM und wie funktioniert es?

Was ist Type Guard in TypeScript?

Erzählen Sie mir von den Lifecycle-Hooks in Vue 3. In welcher Reihenfolge werden die Hooks bei der Montage der Seite für Eltern- und Kindkomponenten aufgerufen?

Erzählen Sie mir von Ihrer Berufserfahrung.

Haben Sie von Vue 2 auf Vue 3 migriert und an der Migration teilgenommen? Können Sie mehr Details dazu geben?

Schreiben Sie eine fetch-Anfrage, die eine Produktliste zurückgibt. Wickeln Sie sie in eine separate Funktion, die wiederverwendbar ist.

Was ist Reaktivität und wie funktioniert sie in Vue? Was ist der Unterschied zwischen Reaktivität in Vue 2 und Vue 3?

Erzählen Sie uns von den HTTP-Protokollen und den verwendeten Methoden.

Wo kann man den Zustand in Vue speichern? In welchen Fällen ist es besser, Pinia/Vuex zu verwenden, und in welchen provide/inject?