Framework
Referensi Cepat Vue.js
Cheat sheet siap cetak untuk Referensi Cepat Vue.js, disusun untuk pencarian cepat, belajar, dan referensi di meja
Contoh
Isi cheat sheet ini
- Sintaks Template
- Reaktivitas
- Computed dan Watcher
- Komponen
- Props dan Event
- Slot
- Composition API
- Router (Vue Router)
- Lifecycle Hook
- Daftar dan Kondisional
- Penanganan Form
Teks dan Ekspresi
<span>{{ message }}</span>
<span>{{ count + 1 }}</span>
<span>{{ ok ? 'Yes' : 'No' }}</span>
<span v-html="rawHtml"></span>
Direktif
{{ expr }} | Interpolasi teks |
v-bind:attr / :attr | Ikat atribut ke ekspresi |
v-on:event / @event | Pasang event listener |
v-model | Binding dua arah (form) |
v-if / v-else-if / v-else | Rendering kondisional |
v-show | Toggle CSS display (tetap di DOM) |
v-for | Rendering daftar |
v-slot / #name | Konten slot bernama |
Binding Atribut
<img :src="imageUrl" :alt="desc" />
<div :class="{ active: isActive }"></div>
<div :style="{ color: textColor }"></div>
<button :disabled="isLoading">Submit</button>
Unduh cheat sheet lengkap dengan semua bagian, siap cetak
Unduh PDFUnduhan
Pilih varian yang sesuai dengan cara Anda membaca
-
Direkomendasikan
Standar
Hitam-putih, hemat tinta. Pilihan default untuk printer laser dan fotokopi
Terbaik untuk Cetakan dan referensi di meja
-
Warna
Aksen warna hangat untuk membaca di layar atau printer warna
Terbaik untuk Membaca di layar atau printer warna
-
Kartu Referensi
Kepadatan maksimum, layout 4 kolom. Semua dalam satu halaman
Terbaik untuk Pemindaian cepat dan penggunaan kertas minimum
