Tutorial Principale di Vue3
Introduzione al framework
Installazione del framework
Struttura del componente
Oggetto data
Lavorare con gli attributi
Esecuzione del codice nelle viste
Array
Oggetti
Lavorare con i metodi
Aggiunta di gestori di eventi
Lavorare con data all'interno dei metodi
Metodi di supporto
Passaggio di parametri al metodo
Reattività
Proprietà calcolate
Modificatori di eventi
Condizioni
Mostrare in base alla condizione
Inversione della condizione
Condizione reattiva
Toggle degli elementi
Cambio del testo durante il toggle
Direttiva v-else
Condizioni complesse
Direttiva v-else-if
Gruppi condizionali
Direttiva v-show
Cicli
Iterazione di array
Ottenere le chiavi durante l'iterazione di array
Iterazione di oggetti
Iterazione di un gruppo di tag
Iterazione di un array di oggetti
Ciclo in un intervallo
Condizioni nei cicli
Attributo key
Reattività degli array
Stili
Stilizzazione del componente
Attributo class
Oggetto con classi CSS
Reattività dell'oggetto con classi CSS
Oggetto in linea con classi CSS
Classi CSS tramite data
Stilizzazione tramite l'attributo style
Forme
Associazione dati bidirezionale per input
Recupero dati del modulo tramite evento
Lavorare con textarea
Lavorare con le checkbox
Array di valori delle checkbox
Lavorare con i pulsanti radio
Lavorare con i select
Creazione di un select in un ciclo
Disabilitazione degli elementi
Modificatori di tasti
Modulo per aggiungere elementi all'array
Pulsante per rimuovere un elemento dell'array
Pulsante per rimuovere da un array di oggetti
Modulo per modificare un array di oggetti
Componenti
Introduzione
Creazione di componenti figli
Passaggio dei dati al componente
Passaggio di dati di qualsiasi tipo
Passaggio delle proprietà dell'oggetto data
Specifica del tipo delle props
Creazione di componenti in un ciclo
Flusso di dati unidirezionale
Emissione di eventi
Parametri degli eventi
Emissione di eventi in un attributo
Rimozione reattiva dei componenti
Modifica reattiva dei componenti
Componente per l'aggiunta di dati