К содержанию

Vue3 Grundlæggende Tutorial

Tutorial til JavaScript frameworket Vue3. For begyndere. Masser af teori og opgaver.

Уроки

Introduktion til Vue-frameworket

Installation af Vue-frameworket

Struktur af Vue-komponent

Data-objektet i Vue

Arbejde med attributter i Vue-frameworket

Udførelse af kode i Vue visninger

Arrays i Vue

Objekter i Vue

Arbejde med metoder i Vue-frameworket

Håndtering af begivenheder i Vue

Arbejde med data inde i Vue-metoder

Hjælpemetoder i Vue

Overførsel af parametre til metoder i Vue

Reaktivitet i Vue-frameworket

Beregnede Egenskaber i Vue

Begivenhedsmodifikatorer i Vue-frameworks

Betingelser

Betinget visning i Vue

Invertering af betingelse i Vue

Reaktiv betingelse i Vue

At skifte visning af elementer i Vue

Skift af tekst ved toggling i Vue

Direktivet v-else i Vue

Komplekse betingelser i Vue

Direktivet v-else-if i Vue

Betingede grupper i Vue

Direktivet v-show i Vue

Løkker

Gennemløb af arrays i Vue

Hentning af nøgler ved gennemløb af arrays i Vue

Gennemløb af objekter i Vue

Gennemløb af gruppe af tags i Vue

Gennemgang af arrays af objekter i Vue

Løkke i område i Vue

Betingelser i loops i Vue

Nøgleattributten i Vue

Reaktivitet af arrays i Vue

Stile

Styling af komponenter i Vue-frameworket

Class-attribut i Vue-frameworket

Objekt med CSS-klasser i Vue

Reaktivitet af objekt med CSS-klasser i Vue

Inline objekt med CSS-klasser i Vue

CSS-klasser via data i Vue

Styling via style-attribut i Vue

Formularer

Todirekte databinding til inputs i Vue

Hent formulardata ved event i Vue

Arbejde med textarea i Vue

Arbejde med checkbox i Vue

Checkbox værdi array i Vue

Arbejde med radio i Vue

Arbejde med select i Vue

Oprettelse af select i en løkke i Vue

Blokering af elementer i Vue

Taste modifiers i Vue-frameworket

Form til tilføjelse af elementer til et array i Vue

Knap til sletning af array-element i Vue

Knap til sletning fra objektarray i Vue

Form til redigering af objektarray i Vue

Komponenter

Arbejde med komponenter i Vue

Oprettelse af underkomponenter i Vue

Overførsel af data til en komponent i JavaScript

Overførsel af data af enhver type i Vue

Overførsel af egenskaber for data-objektet i Vue

Angivelse af prop-typer i Vue

Oprettelse af komponenter i en løkke i Vue

Envejsret dataflow i Vue

Udsendelse af events i Vue

Hændelsesparametre i Vue

Udsendelse af event i attribut i Vue

Reaktiv fjernelse af komponenter i Vue

Reaktiv redigering af komponentdata i Vue

Komponent til tilføjelse af data i Vue

Projekter

Projekt Checkliste i Vue

Notesbog-projekt i Vue