Framework
Riferimento Rapido Vue.js
Cheat sheet pronto da stampare per Riferimento Rapido Vue.js, organizzato per consultazione rapida, studio e uso da scrivania
Esempio
Cosa contiene questo cheat sheet
- Sintassi dei Template
- Reattività
- Computed e Watcher
- Componenti
- Props ed Eventi
- Slot
- Composition API
- Router (Vue Router)
- Hook del Ciclo di Vita
- Liste e Condizionali
- Gestione dei Form
Testo ed Espressioni
<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>
Direttive
{{ expr }} | Interpolazione di testo |
v-bind:attr / :attr | Lega un attributo a un'espressione |
v-on:event / @event | Aggiunge un listener di eventi |
v-model | Binding bidirezionale (form) |
v-if / v-else-if / v-else | Rendering condizionale |
v-show | Alterna il CSS display (rimane nel DOM) |
v-for | Rendering di liste |
v-slot / #name | Contenuto slot con nome |
Binding degli Attributi
<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>
Scarica il cheat sheet completo con tutte le sezioni, formattato per la stampa
Scarica PDFDownload
Scegli la variante adatta al tuo modo di leggere
-
Consigliato
Standard
Bianco e nero, parsimonioso con l’inchiostro. Il default per laser e fotocopie
Ideale per Stampe e riferimento da scrivania
-
Colore
Accenti caldi per lettura a schermo o stampanti a colori
Ideale per Lettura a schermo o stampanti a colori
-
Scheda di riferimento
Massima densità, layout a 4 colonne. Tutto in una pagina
Ideale per Scansione rapida e minimo uso di carta
