Vue3 Basiscursus
Introductie tot het framework
Framework installatie
Componentstructuur
Data object
Werken met attributen
Code-uitvoering in weergaven
Arrays
Objecten
Werken met methoden
Event handlers toevoegen
Werken met data binnen methoden
Hulpmethoden
Parameters doorgeven aan methoden
Reactiviteit
Berekende eigenschappen
Event modifiers
Voorwaarden
Weergave op voorwaarde
Conditie omkeren
Reactieve voorwaarde
Elementen in-/uitschakelen
Tekst wijzigen bij het in-/uitschakelen
Directief v-else
Complexe voorwaarden
Directief v-else-if
Voorwaardelijke groepen
Directief v-show
Lussen
Arrays doorlopen
Sleutels verkrijgen bij het doorlopen van arrays
Objecten doorlopen
Een groep tags doorlopen
Een array van objecten doorlopen
Lus in een bereik
Voorwaarden in lussen
Key attribuut
Reactiviteit van arrays
Stijlen
Styling van componenten
Class attribuut
Object met CSS classes
Reactiviteit van object met CSS classes
Inline object met CSS classes
CSS classes via data
Styling via style attribuut
Formulieren
Tweerichtingsgegevensbinding met invoervelden
Formuliergegevens ophalen bij gebeurtenis
Werken met textarea
Werken met selectievakjes
Array van selectievakjewaardes
Werken met keuzerondjes
Werken met selecties
Selectie vormen in een lus
Elementen uitschakelen
Toetsmodifiers
Formulier voor toevoegen van array-elementen
Knop voor verwijderen van array-element
Knop voor verwijderen uit array van objecten
Formulier voor bewerken van array van objecten
Componenten
Inleiding
Onderliggende componenten aanmaken
Data doorgeven aan component
Data van elk type doorgeven
Eigenschappen van data object doorgeven
Type props opgeven
Componenten aanmaken in een lus
Unidirectionele data stroom
Events emitteren
Event parameters
Event emitteren in attribuut
Reactief verwijderen van componenten
Reactief bewerken van componenten
Component voor het toevoegen van data
