Vue TutorialLesson 4Preview gratis
Vue v-bind
Lesson ini bagian dari Vue · Semua level
Ringkasan
Directive v-bind dipakai untuk mengikat nilai dinamis dari data Vue ke atribut HTML, props komponen, atau gaya. Tanpa v-bind, nilai atribut diperlakukan sebagai teks biasa sehingga tidak mengikuti perubahan data. Vue menyediakan singkatan berupa tanda titik dua, misalnya :src menggantikan v-bind:src yang lebih panjang.
Poin kunci
- v-bind mengikat nilai dinamis ke atribut HTML atau props komponen.
- Singkatan v-bind:attr adalah :attr.
- Yang dibinding bisa berupa ekspresi, contohnya :title="pesan" atau :disabled="!tersedia".
- v-bind juga dipakai untuk props komponen, bukan hanya atribut DOM.
- Beberapa directive turunan seperti :class dan :style punya sintaks khusus.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.