Frontend

Quels autres méthodes HTTP existent (en plus des principales) ?

setup() (s'exécute avant beforeCreate et created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Parent : setup Parent : beforeCreate Parent : created Parent : beforeMount Enfant : setup Enfant : beforeCreate Enfant : created Enfant : beforeMount Enfant : mounted Parent : 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="Cliquez sur moi"></MyButton> </template>

Y a-t-il une variable qui peut être de type Book ou Video ? Comment vérifier le type de l'objet ? Quel type la fonction de garde de type retourne-t-elle ?

// 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() (s'exécute avant beforeCreate et created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Parent : setup Parent : beforeCreate Parent : created Parent : beforeMount Enfant : setup Enfant : beforeCreate Enfant : created Enfant : beforeMount Enfant : mounted Parent : mounted <template> <div> <slot name=""></slot> </div> </template>

Quels sont les avantages de TypeScript?

De quoi se compose une requête HTTP?

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

Parlez-moi des closures en JavaScript. Où sont utilisés les closures dans Vue 3?

Qu'est-ce que les computed et watchers dans Vue?

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

Qu'est-ce que le Virtual DOM et comment fonctionne-t-il?

Appelez la fonction getProducts dans le composant Vue 3 et affichez les résultats obtenus dans le modèle.

Qu'est-ce que le Type Guard en TypeScript?

Parlez-moi des hooks du cycle de vie dans Vue 3. Dans quel ordre les hooks sont-ils appelés pour les composants parent et enfant lors du montage de la page?

Parlez-moi de votre expérience professionnelle.

Avez-vous migré de Vue 2 à Vue 3 et participé à la migration ? Pouvez-vous en dire plus ?

Écrivez une requête fetch qui renvoie une liste de produits. Encadrez-la dans une fonction séparée que vous pouvez réutiliser.

Qu'est-ce que la réactivité et comment fonctionne-t-elle dans Vue ? Quelle est la différence entre la réactivité dans Vue 2 et Vue 3 ?

Parlez-nous des protocoles HTTP et des méthodes qui sont utilisées.

Où peut-on stocker l'état dans Vue ? Dans quels cas est-il préférable d'utiliser Pinia/Vuex, et dans quels provide/inject ?