Menampilkan data adalah pelajaran pertama yang selalu di buat di semua bahasa pemrograman manapun, seperti pertama saya belajar php, javascript dan lain-lain, pelajaran pertama pasti kita akan menampilkan HELLOW WORLD betul tidak, dan disini kita akan belajar untuk menggunakan vuejs, dan kenapa saya membuat artikel tentang cara menampilkan data dari vuejs.

kenapa saya membuat artikel dasar mengenai cara menampilkan data dari vuejs, karena Setelah kemrin saya menjalskan tentang vue dan bagaimana cara menginstall vuejs dengan cli, ternyata ada yang request jangan langsung kesitu tetapi dari dasar vuenya saja, maka dari itu disini saya akan mencoba mensharing disini dan mari kita sama-sama belajar karena disini saya juga lagi tahap pembelajaran juga.

oke langkah pertama layaknya seperti framework yang lain, kita di haruskan mendownload, disini silahkan teman-teman kunjungi:

dan silahkan teman-teman bisa pake yang online atau offline

cara menampilkan data dari vuejs

dan seperti biasa juga kita harus memanggilnya menggunakan script teman-teman bisa letakan di head atau di bawah seperti ini:

Disini saya menggunakan yang offline ya, jika persiapan sudah, kita bisa bisa langsung menggunakan vue js, oke seperti judul kita di atas disini saya akan menampilkan data, jadi untuk menampilkan data di vuejs kita hanya butuh kurung kurwal 2x seperti ini {{ data }}, dan data itu di dapatkan dari scriptnya, nanti saya jelaskan, jadi untuk kasus kali ini saya akan mencoba membuat sebuah nama dan alamat dumetschool, seperti apa seperti ini, silahkan teman-teman ikuti seperti ini, disini saya menggunakan bootstrap juga :

oke kita fokus ke

jadi ketika kita menggunakan vue, hal yang pertama kita harus lakukan adalan membuat new Vue({})

  • el: adalah nama templatenya,
  • data: isi dari data yang ingin kita tampilkan jadi {{nama}} dan {{alamat}} kita dapatkan disini

bagaimana cukup sederhana bukan, jika berhasil tampilannya akan seperti ini:

cara menampilkan data dari vuejs

apakah sudah bisa menampilkan seperti ini, jika kira-kira kurang lebihnya seperti itu cukup sampai disini belajar kita tentang cara menampilkan data dari vuejs, semoga bermanfaat dan sampai jumpa pada artikel selanjutnya terimakasih.