Vue3 Grundläggande Handbok

Introduktion till ramverket Installation av ramverket Komponentstruktur Dataobjektet Arbeta med attribut Kodkörning i vyer Arrayer Objekt Arbeta med metoder Använda händelsehanterare Arbeta med data inuti metoder Hjälpmetoder Skicka parametrar till metoder Reaktivitet Beräknade egenskaper Händelsemodifierare

Villkor

Visning baserat på villkor Invertering av villkor Reaktivt villkor Att växla element Byte av text vid växling Direktivet v-else Komplexa villkor Direktivet v-else-if Villkorliga grupper Direktivet v-show

Loopar

Iterera över arrayer Få nycklar vid iteration av arrayer Iterera över objekt Iterera över en grupp taggar Iterera över en array av objekt Loop inom ett intervall Villkor i loopar Key-attributet Reaktivitet hos arrayer

Stilar

Styling av komponent Attributet class Objekt med CSS-klasser Reaktivitet hos objekt med CSS-klasser Inline-objekt med CSS-klasser CSS-klasser via data Styling via style-attributet

Formulär

Tvåvägs databindning till inputfält Hämta formulärdata vid händelse Arbeta med textarea Arbeta med kryssrutor Array med kryssrutvärden Arbeta med radioknappar Arbeta med select-listor Skapa select-lista i loop Inaktivering av element Tangentmodifierare Formulär för att lägga till arrayelement Knapp för att ta bort arrayelement Knapp för att ta bort från objektarray Formulär för att redigera objektarray

Komponenter

Introduktion Skapa underkomponenter Skicka data till en komponent Skicka data av valfri typ Skicka egenskaper för data-objektet Ange typer för props Skapa komponenter i en loop Enkelriktat dataflöde Emittera händelser Händelseparametrar Emittera en händelse i ett attribut Reaktiv borttagning av komponenter Reaktiv redigering av komponenter Komponent för att lägga till data

Projekt

Checklista Anteckningsblock
↑
uzkkuzchucs