К содержанию

Vue3 Grundläggande Handbok

Handbok för JavaScript-ramverket Vue3. För nybörjare. Mycket teori och uppgifter.

Уроки

Introduktion till ramverket Vue

Installation av ramverket Vue

Strukturen av en Vue-komponent

Dataobjektet i Vue

Att arbeta med attribut i ramverket Vue

Exekvering av kod i Vue-vyer

Array i Vue

Objekt i Vue

Arbete med metoder i ramverket Vue

Att lägga till händelsehanterare i Vue

Arbete med data inuti Vue-metoder

Hjälpmetoder i Vue

Skicka parametrar till metoder i Vue

Reaktivitet i Vue-ramverket

Beräknade egenskaper i Vue

Händelsemodifierare i ramverket Vue

Villkor

Villkorsstyrd visning i Vue

Invertering av villkor i Vue

Reaktivt villkor i Vue

Att växla element i Vue

Ändra text vid toggling i Vue

Direktivet v-else i Vue

Komplexa villkor i Vue

Direktivet v-else-if i Vue

Villkorliga grupper i Vue

Direktivet v-show i Vue

Loopar

Iterera över arrayer i Vue

Att få nycklar vid iteration av arrayer i Vue

Iterera över objekt i Vue

Iterera över grupper av taggar i Vue

Iterera över en array av objekt i Vue

Loop i interval i Vue

Villkor i loopar i Vue

Attributet key i Vue

Reaktivitet i arrayer i Vue

Stilar

Stilning av komponenter i ramverket Vue

Attributet class i ramverket Vue

Objekt med CSS-klasser i Vue

Reaktivitet för objekt med CSS-klasser i Vue

Inline-objekt med CSS-klasser i Vue

CSS-klasser via data i Vue

Stilning via style-attribut i Vue

Formulär

Dubbelriktad databindning till inputfält i Vue

Hämta formulärdata vid händelse i Vue

Arbete med textarea i Vue

Arbete med checkbox i Vue

Array av checkbox-värden i Vue

Arbete med radio i Vue

Arbeta med select i Vue

Att skapa select i en loop i Vue

Blockera element i Vue

Tangentbordsmodifierare i Vue-ramverket

Form för att lägga till element i array i Vue

Knapp för att ta bort arrayelement i Vue

Knapp för att ta bort från array av objekt i Vue

Form för redigering av array med objekt i Vue

Komponenter

Arbeta med komponenter i Vue

Skapa underkomponenter i Vue

Dataöverföring till en komponent i JavaScript

Överföring av data av vilken typ som helst i Vue

Överföring av egenskaper från data-objektet i Vue

Att ange propstyper i Vue

Skapa komponenter i en loop i Vue

Enriktad dataflöde i Vue

Utlösande av händelser i Vue

Händelseparametrar i Vue

Utlösande av händelse i attribut i Vue

Reaktiv borttagning av komponenter i Vue

Reaktiv redigering av komponentdata i Vue

Komponent för att lägga till data i Vue

Projekt

Projekt Checklista i Vue

Anteckningsbok-projekt i Vue