Frameworks
Referencia Rápida de Vue.js
Cheat sheet imprimible de Referencia Rápida de Vue.js, organizado para consulta rápida, estudio y uso de escritorio
Muestra
Qué incluye este cheat sheet
- Sintaxis de Plantilla
- Reactividad
- Computed y Watchers
- Componentes
- Props y Eventos
- Slots
- API de Composición
- Router (Vue Router)
- Hooks de Ciclo de Vida
- Listas y Condicionales
- Manejo de Formularios
Texto y Expresiones
<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>
Directivas
{{ expr }} | Interpolación de texto |
v-bind:attr / :attr | Enlazar atributo a expresión |
v-on:event / @event | Adjuntar escuchador de evento |
v-model | Enlace bidireccional (formularios) |
v-if / v-else-if / v-else | Renderizado condicional |
v-show | Alternar CSS de visualización (permanece en DOM) |
v-for | Renderizado de lista |
v-slot / #name | Contenido de slot con nombre |
Enlace de Atributos
<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>
Descarga el cheat sheet completo con todas las secciones, listo para imprimir
Descargar PDFDescargas
Elige el tratamiento que mejor se adapta a tu lectura
-
Recomendado
Estándar
Blanco y negro, ahorro de tinta. La opción por defecto para impresoras láser y fotocopias
Ideal para Impresiones y referencia de escritorio
-
Color
Acentos cálidos para lectura en pantalla o impresoras a color
Ideal para Lectura en pantalla o impresoras a color
-
Tarjeta de referencia
Máxima densidad, diseño de 4 columnas. Todo en una sola página
Ideal para Escaneo rápido y mínimo uso de papel
