Frameworks
Référence rapide Vue.js
Cheat sheet prêt à imprimer pour Référence rapide Vue.js, organisé pour une consultation rapide, l’étude et le bureau
Aperçu
Contenu de ce cheat sheet
- Syntaxe des templates
- Réactivité
- Propriétés calculées et observateurs
- Composants
- Props et événements
- Slots
- API de composition
- Routeur (Vue Router)
- Hooks de cycle de vie
- Listes et conditions
- Gestion des formulaires
Texte et expressions
<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>
Directives
{{ expr }} | Interpolation de texte |
v-bind:attr / :attr | Lier un attribut à une expression |
v-on:event / @event | Attacher un écouteur d'événement |
v-model | Liaison bidirectionnelle (formulaires) |
v-if / v-else-if / v-else | Rendu conditionnel |
v-show | Basculer le CSS display (reste dans le DOM) |
v-for | Rendu de liste |
v-slot / #name | Contenu d'un slot nommé |
Liaison d'attributs
<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>
Téléchargez le cheat sheet complet avec toutes les sections, formaté pour l'impression
Télécharger le PDFTéléchargements
Choisissez la variante adaptée à votre lecture
-
Recommandé
Standard
Noir et blanc, économe en encre. Le choix par défaut pour imprimantes laser et photocopies
Idéal pour Impressions et référence de bureau
-
Couleur
Accents chauds pour la lecture à l’écran ou les imprimantes couleur
Idéal pour Lecture à l’écran ou imprimantes couleur
-
Carte de référence
Densité maximale, mise en page 4 colonnes. Tout sur une seule page
Idéal pour Balayage rapide et usage minimal du papier
