Frontend

Ποια άλλα HTTP methods υπάρχουν (εκτός από τα βασικά);

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="Κάνε κλικ σε μένα"></MyButton> </template>

Υπάρχει μια μεταβλητή που μπορεί να είναι τύπου Book ή Video. Πώς ελέγχετε τον τύπο του αντικειμένου; Τι τύπο επιστρέφει η λειτουργία τύπου-φύλακα;

Ποια είναι τα πλεονεκτήματα του 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() (vue'da, beforeCreate ve created'den önce çalışır) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Ana: setup Ana: beforeCreate Ana: created Ana: beforeMount Çocuk: setup Çocuk: beforeCreate Çocuk: created Çocuk: beforeMount Çocuk: mounted Ana: 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');

Από τι αποτελείται ένα αίτημα HTTP;

Πείτε μας για τις κλεισίματα στη JavaScript. Πού χρησιμοποιούνται οι κλεισίματα στο Vue 3;

Τι είναι τα computed και watchers στο Vue;

Τι είναι το Virtual DOM και πώς λειτουργεί;

Μίλησε για τα lifecycle hooks στο Vue 3. Σε ποια σειρά καλούνται τα hooks στα γονικά και παιδικά components κατά την τοποθέτηση της σελίδας;

Καλέστε τη λειτουργία getProducts στο στοιχείο Vue 3 και εμφανίστε τα αποτελέσματα που λαμβάνονται στο πρότυπο.

const γεγονότα = [ { όνομα: 'Маша', ημερομηνία: '[phone]' }, { όνομα: 'Даша', ημερομηνία: '[phone]' }, { όνομα: 'Ваня', ημερομηνία: '[phone]' }, { όνομα: 'Петя', ημερομηνία: '[phone]' }, { όνομα: 'Митя', ημερομηνία: '[phone]' }, ];

Τι είναι το Type Guard στο TypeScript;

Πείτε μου για την εργασιακή σας εμπειρία.

Μεταβήκατε από το Vue 2 στο Vue 3 και συμμετείχατε στη μετανάστευση. Μπορείτε να μας πείτε περισσότερα;

Πείτε μας για τα πρωτόκολλα HTTP και τις μεθόδους που χρησιμοποιούνται.

Τι είναι η αντιδραστικότητα και πώς λειτουργεί στο Vue; Ποια είναι η διαφορά μεταξύ αντιδραστικότητας στο Vue 2 και Vue 3;

Γράψτε ένα αίτημα fetch που επιστρέφει μια λίστα προϊόντων. Τυλίξτε το σε μια ξεχωριστή λειτουργία που μπορεί να επαναχρησιμοποιηθεί.

Πού μπορεί να αποθηκευτεί η κατάσταση στο Vue; Σε ποιες περιπτώσεις είναι καλύτερο να χρησιμοποιείτε Pinia/Vuex και σε ποιες provide/inject;