Frontend

Quali altri metodi HTTP ci sono (oltre ai principali)?

setup() (si esegue prima di beforeCreate e created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Genitore: setup Genitore: beforeCreate Genitore: created Genitore: beforeMount Figlio: setup Figlio: beforeCreate Figlio: created Figlio: beforeMount Figlio: mounted Genitore: 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="Clicca su di me"></MyButton> </template>

C'è una variabile che può essere di tipo Book o Video. Come verificare il tipo dell'oggetto? Quale tipo restituisce la funzione di guardia del tipo?

// 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() (viene eseguito prima di beforeCreate e created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Genitore: setup Genitore: beforeCreate Genitore: created Genitore: beforeMount Figlio: setup Figlio: beforeCreate Figlio: created Figlio: beforeMount Figlio: mounted Genitore: mounted <template> <div> <slot name=""></slot> </div> </template>

Quali sono i vantaggi di TypeScript?

Di cosa è composta una richiesta HTTP?

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

Parlami delle closure in JavaScript. Dove vengono utilizzate le closure in Vue 3?

Cosa sono computed e watchers in Vue?

Chiama la funzione getProducts nel componente Vue 3 e visualizza i risultati ottenuti nel template.

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

Cos'è il Virtual DOM e come funziona?

Cos'è il Type Guard in TypeScript?

Parla dei lifecycle hooks in Vue 3. In quale ordine vengono chiamati gli hook nei componenti genitore e figlio durante il montaggio della pagina?

Parla della tua esperienza lavorativa.

Sei passato da Vue 2 a Vue 3 e hai partecipato alla migrazione? Puoi raccontare di più?

Scrivi una richiesta fetch che restituisce un elenco di prodotti. Avvolgila in una funzione separata che può essere riutilizzata.

Cos'è la reattività e come funziona in Vue? Qual è la differenza tra la reattività in Vue 2 e Vue 3?

Parlaci dei protocolli HTTP e dei metodi che vengono utilizzati.

Dove si può memorizzare lo stato in Vue? In quali casi è meglio usare Pinia/Vuex e in quali usare provide/inject?