Mengenal Data Binding Pada VueJS

VueJS adalah sebuah framework MVVM yang artinya Model, View, View Model berbeda dengan angularJS dan emberJS yang berkonsep MVC. Pada Vue JS tidak mengenal istilah controller yang ada adalah View Model dan salah satu fitur yang penting dari framework javascript adalah data binding. Dengan menggunakan data binding ketika kita merubah data di sebuah model maka pada view juga akan otomatis berubah. Kita bisa mendemokan pada sebuah input yang akan merubah isian atau data title di model. Jika teman teman belum lihat artikel yang sebelumnya boleh kunjungi artikel berikut ini link untuk menggunakannya kita buat input type text dengan directive yang namanya v-model. Dengan v-model kita dapat melakukan binding pada data di model sebagai berikut

maka disini kita akan mengetikkan title pada v-modelnya

ketika kita coba jalankan maka ada input baru yang ada isi nya ketika kita coba merubahnya maka hasilnya akan ikut berubah.

Nah itu lah yang namanya data binding. Terima kasih