Pada tutorial sebelumnya, kita sudah berhasil Menggunakan Fitur v-bind pada Atribut HTML STYLE. Kita juga dapat melakukan Binding pada class. agar class tersebut menjadi lebih dinamis.

Buat teman-teman yang belum paham tentang Binding data dengan Fitur v-bind pada beberapa Atribut HTML. Singkatnya dengan fitur v-bind dari Vue Js. Kita bisa membuat beberapa atribut HTML itu menjadi dinamis. Nah bagaimana sih caranya Menggunakan Fitur v-bind pada atrubut HTML CLASS? Simak contoh script dibawah ini:

 

Pada contoh Menggunakan Fitur v-bind pada Atribut HTML CLASS diatas, kita membuat sebuah class dengan nama warna, lalu kita digunakan fitur v-bind pada class dengan nama variable ubah, dan pada script Vue Jsnya kita memberikan nilai pada variable ubah dengan nilai warna. Jadi teks Test berwarna salmon sesuai dengan class warna yang kita buat.