HTML memang alat bantu yang ampuh dalam menyajikan tampilan tetapi sangat bertele-tele dan cukup sulit untuk melakukan pemeliharaan source code. Di sinilah directive dari Vue.js memberikan solusi pembuatan source code dan pemeliharaan source code yang lebih baik.
Directive-directive dari Vue.js adalah
- v-text: mengupdate konten teks
- v-html: mengupdate elemen innerHTML
- v-show: toggle tampil-tidaknya suatu elemen
- v-if: ekspresi kondisional
- v-else: bagian dari ekspresi kondisional
- v-else-if: bagian dari ekspresi kondisional
- v-for: loop untuk pengerjaan berulang sesuai sumber data
- v-on: memberikan listener ke elemen
- v-bind: melakukan bind ke satu atau beberapa atribut
- v-model: melankukan binding pada elemen input atau komponen
- v-slot: penunjukan slot yang menerima props
- v-pre: skip kompilasi
- v-once: render elemen dan komponen satu kali saja
- v-memo: melakukan momoize sebuah sub tree dari template
- v-cloak: menyembunyikan template yang belum dikompile sampai siap
Informasi lebih lanjut mengenai directive-directive dari Vue.js silahkan mengunjungi https://vuejs.org/api/built-in-directives.html .
Kunjungi www.proweb.co.id untuk menambah wawasan anda.
Directive-directive pada Vue.js