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.

Directive-directive pada Vue.js
Ada yang dapat saya bantu ?