Vue3 Grundlæggende Tutorial
Introduktion til frameworket
Installation af frameworket
Komponentstruktur
Dataobjekt
Arbejde med attributter
Udførelse af kode i views
Arrays
Objekter
Arbejde med metoder
Opsætning af begivenhedshåndterere
Arbejde med data inde i metoder
Hjælpemetoder
Vidergivelse af parametre til metoder
Reaktivitet
Beregnet egenskaber
Begivenhedsmodifikatorer
Betingelser
Visning baseret på betingelse
Invertering af betingelse
Reaktiv betingelse
Toggling af elementer
Skift af tekst ved toggling
Direktivet v-else
Komplekse betingelser
Direktivet v-else-if
Betingede grupper
Direktivet v-show
Løkker
Gennemgang af arrays
Hentning af nøgler under gennemgang af arrays
Gennemgang af objekter
Gennemgang af gruppe af tags
Gennemgang af array af objekter
Løkke i interval
Betingelser i løkker
Key-attribut
Reaktivitet af arrays
Stile
Komponent styling
Class attribut
Objekt med CSS-klasser
Reaktivitet af objekt med CSS-klasser
Inline objekt med CSS-klasser
CSS-klasser via data
Styling via style attribut
Formularer
Tovejs databinding til inputfelter
Henting af formulardata ved event
Arbejde med textarea
Arbejde med checkbokse
Array af checkboxværdier
Arbejde med radioknapper
Arbejde med select-lister
Oprettelse af select-liste i løkke
Deaktivering af elementer
Tastaturmodifikatorer
Formular til tilføjelse af array-elementer
Knap til fjernelse af array-element
Knap til fjernelse fra objektarray
Formular til redigering af objektarray
Komponenter
Introduktion
Oprettelse af underkomponenter
Overførsel af data til komponenter
Overførsel af data af enhver type
Overførsel af data-objektets egenskaber
Angivelse af prop-typer
Oprettelse af komponenter i en løkke
Unidirektional dataflow
Udsendelse af begivenheder
Begivenhedsparametre
Udsendelse af begivenhed i et attribut
Reaktiv fjernelse af komponenter
Reaktiv redigering af komponenter
Komponent til tilføjelse af data