Tutorialul de bază Vue3
Introducere în framework
Instalarea framework-ului
Structura componentelor
Obiectul data
Lucrul cu atribute
Executarea codului în view-uri
Array-uri
Obiecte
Lucrul cu metode
Atasarea handler-elor de evenimente
Lucrul cu data în interiorul metodelor
Metode auxiliare
Transmiterea parametrilor în metodă
Reactivitate
Proprietăți calculate
Modificatori de evenimente
Condiții
Afișare condiționată
Inversarea condiției
Condiție reactivă
Comutarea elementelor
Schimbarea textului la comutare
Directiva v-else
Condiții complexe
Directiva v-else-if
Grupuri condiționate
Directiva v-show
Bucle
Iterarea array-urilor
Obținerea cheilor la iterarea array-urilor
Iterarea obiectelor
Iterarea unui grup de tag-uri
Iterarea unui array de obiecte
Buclă într-un interval
Condiții în bucle
Atributul key
Reactivitatea array-urilor
Stiluri
Stylizarea componentelor
Atributul class
Obiect cu clase CSS
Reactivitatea obiectului cu clase CSS
Obiect inline cu clase CSS
Clase CSS prin data
Stylizare prin atributul style
Formulare
Legătura bidirecțională a datelor cu inputurile
Obținerea datelor din formular la eveniment
Lucrul cu textarea
Lucrul cu checkbox-uri
Array de valori pentru checkbox-uri
Lucrul cu butoane radio
Lucrul cu select-uri
Generarea unui select într-o buclă
Dezactivarea elementelor
Modificatori de tastă
Formular pentru adăugarea elementelor într-un array
Buton pentru ștergerea unui element dintr-un array
Buton pentru ștergerea dintr-un array de obiecte
Formular pentru editarea unui array de obiecte
Componente
Introducere
Crearea componentelor copil
Transmiterea datelor către componentă
Transmiterea datelor de orice tip
Transmiterea proprietăților obiectului data
Specificarea tipului props-urilor
Crearea componentelor în buclă
Flux de date unidirecțional
Emiterea evenimentelor
Parametrii evenimentelor
Emiterea evenimentului în atribut
Eliminarea reactivă a componentelor
Editarea reactivă a componentelor
Componentă pentru adăugarea datelor