Directive-directive pada Vue.js

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

1. v-text: mengupdate konten teks
2. v-html: mengupdate elemen innerHTML
3. v-show: toggle tampil-tidaknya suatu elemen
4. v-if: ekspresi kondisional
5. v-else: bagian dari ekspresi kondisional
6. v-else-if: bagian dari ekspresi kondisional
7. v-for: loop untuk pengerjaan berulang sesuai sumber data
8. v-on: memberikan listener ke elemen
9. v-bind: melakukan bind ke satu atau beberapa atribut
10. v-model: melankukan binding pada elemen input atau komponen
11. v-slot: penunjukan slot yang menerima props
12. v-pre: skip kompilasi
13. v-once: render elemen dan komponen satu kali saja
14. v-memo: melakukan momoize sebuah sub tree dari template
15. 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.