Pada tutorial ini kita akan belajar tentang Conditional (pengandaian) Directive v-if pada Vue.js, Conditional dikenal juga dengan istilah ‘jika-maka’. Conditional pada Javascript merupakan suatu perintah yang digunakan untuk memilih satu aksi dari beberapa kemungkinan dengan syarat tertentu.

Conditional Directive v-if pada Vue.js secara default bernilai true untuk menampilkan data, dan bernilai false untuk menyembunyikan data, berikut contohnya:

Maksud script di atas adalah, jika tampil adalah nilai true, maka tampilkan pesan. Hasilnya dapat dilihat pada browser. yaitu teks belajar directive v-if vue.js

Namun jika kita ubah nilai tampil menjadi false seperti contoh berikut:

Maka tampilannya akan kosong atau teks belajar directive v-if vue.js tidak akan tampil.