Tutorial Vue.Js Bahasa Indonesia 2 - kumpulan tutorial pemrograman untuk pemula dan source code gratis

Home Top Ad

Wednesday, February 13, 2019

Tutorial Vue.Js Bahasa Indonesia 2

Tutorial Vue.Js Bahasa Indonesia part 2

Pada artikel sebelumnya kita telah membahas bagai mana cara instalasi vue.js , untuk kali ini kita akan membahas dan melanjutkan artikel tentang Data Binding di Vue.js, Data Binding ini adalah salahs satu fitur yang di butuhkan dalam framework javascript.
apasih Data Binding ? Data Binding adalah suatu teknik yang digunakan untuk melakukan binding/mengikat data antara model dan view yang sycn setiap kali tejadi action atau perubahan pada data.
contoh menggunakan directive v-model kemudian kita akan membuat data binding , dimana paragraf akan berubah secara dinamis ketika terjadi perubahan data dalam form input.


tutorial vue.js bahasa indonesia


dari kode di atas, user telah terhubung dengan tag input dengan menggunakan v-model, yang mana tag input akan memberitahukan ke vue variabel yang akan di binding dengan tag input.
untuk mengetahui lebih jelas, silahkan tulis kode di atas dan simpan dengan vue2.html (Optional), kemudian buka dengan web browser dan lakukan penginputan pada form.


TUTORIAL VUE.JS BAHASA INDONESIA



Bisa dilihat, secara otomatis teks yang di tampilkan di bawah form akan otomatis ikut berubah sesuai apa yang di inputkan pada form , luar biasa bukan......

mungkin sampai di sini untuk artikel data binding , jika ada salah kata atau kurang di mengerti saya mohon maaf. semoga artikel ini membantu yang ingin belajar vue.js

No comments:

Post a Comment