Vue TutorialLesson 5Preview gratis
Vue v-if
Lesson ini bagian dari Vue · Semua level
Ringkasan
Directive v-if bekerja seperti cabang percabangan: elemen hanya dirender ke DOM bila ekspresinya bernilai truthy. Vue menyediakan turunan v-else-if dan v-else yang harus langsung mengikuti v-if tanpa nilai. Berbeda dengan menyembunyikan lewat CSS, v-if benar-benar menambah atau menghapus elemen dari DOM sehingga ada biaya saat berpindah kondisi.
Poin kunci
- v-if hanya merender elemen jika ekspresinya truthy.
- v-else-if menyediakan cabang kondisi tambahan.
- v-else menangani kondisi terakhir dan tidak boleh punya nilai.
- v-else-if dan v-else harus berurutan tepat setelah v-if.
- v-if menghapus dan memasang elemen di DOM, bukan sekadar menyembunyikannya.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.