Vue TutorialLesson 14Preview gratis
Vue CSS Binding
Lesson ini bagian dari Vue · Semua level
Ringkasan
Vue memudahkan pengikatan kelas CSS dan gaya inline secara dinamis melalui :class dan :style. Nilai yang dibinding bisa berupa string, array, atau objek sehingga menentukan kelas aktif menjadi sangat ringkas. Sistem ini menggabungkan kelas statis pada atribut class dengan kelas dinamis, bukan menimpanya.
Poin kunci
- :class mengikat kelas CSS dinamis pada elemen.
- Nilai :class dapat berupa string, array, atau objek dengan nilai boolean.
- Kelas statis pada atribut class digabungkan dengan kelas dinamis, bukan ditimpa.
- :style mengikat properti gaya inline, biasanya diberikan dalam objek camelCase.
- Beberapa objek gaya bisa digabung dalam array agar lebih terbaca.
Materi lengkap
Contoh kode dan kuis
Materi lengkap, contoh kode, dan kuis tersedia untuk pelanggan. 5 soal.