Frameworks
Referência Rápida do Vue.js
Cheat sheet pronto para impressão de Referência Rápida do Vue.js, organizado para consulta rápida, estudo e uso ao lado da mesa
Amostra
O que tem neste cheat sheet
- Sintaxe de Template
- Reatividade
- Computed e Watchers
- Componentes
- Props e Eventos
- Slots
- Composition API
- Router (Vue Router)
- Hooks de Ciclo de Vida
- Listas e Condicionais
- Manipulação de Formulários
Texto e Expressões
<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>
Diretivas
{{ expr }} | Interpolação de texto |
v-bind:attr / :attr | Vincular atributo à expressão |
v-on:event / @event | Adicionar ouvinte de evento |
v-model | Vinculação bidirecional (formulários) |
v-if / v-else-if / v-else | Renderização condicional |
v-show | Alternar CSS de exibição (permanece no DOM) |
v-for | Renderização de lista |
v-slot / #name | Conteúdo de slot nomeado |
Vinculação de Atributos
<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>
Baixe o cheat sheet completo com todas as seções, formatado para impressão
Baixar PDFDownloads
Escolha o formato que combina com seu jeito de ler
-
Recomendado
Padrão
P&B, econômico em tinta. O padrão para impressoras a laser e fotocópias
Ideal para Impressões e referência de mesa
-
Colorido
Acentos quentes para leitura em tela ou impressoras coloridas
Ideal para Leitura em tela ou impressoras coloridas
-
Cartão de referência
Densidade máxima, layout em 4 colunas. Tudo em uma página
Ideal para Varredura rápida e uso mínimo de papel
