Pengenalan Vue.js

kali ini kita akan melakukan pengenalan pada vue.js, Vue.js merupakan framework javascript yang digunakan untuk membangun tampilan antarmuka pengguna dari suatu aplikasi berbasis web. Vue awalnya di desain untuk kebutuhan web, namun seiring perkembangan teknologi yang mendukung javascript, maka saat ini vue juga mulai dapat digunakan untuk mengembangkan aplikasi desktop dan mobile.

Kali ini kita akan mencoba untuk menampilkan data diri, namun dimanipulasi dari vue.js. Pertama kita buat dulu sebuah folder dengan susunan seperti berikut.

Pada file vue.js copykan script dari link berikut
https://vuejs.org/js/vue.js

Lalu tambahkan file dengan nama profil.html dan tambahkan scriptnya sebagai berikut.

Jalankan pada browser maka hasilnya akan seperti berikut.

PENJELASAN

Pertama kita tambahkan terlebih dahulu library dari vue.jsnya pada tag script.

Lalu kita definisikan id nya pada div agar bisa dipanggil pada script vue.js nantinya.

Untuk mendefinisikan vue.js kita gunakan script new Vue({  }), di dalam kurung kurawal tersebut kita tuliskan scriptnya seperti berikut.

Parameter el: untuk mendifinisikan element id, dan data: untuk mendefinisikan data yang akan dimanipulasi.

Kesimpulannya adalah Vue.js ini adalah sebuah library javascript untuk memudahkan para developer dalam menuliskan syntax javascript menjadi lebih singkat. sekian untuk pengenalan vue.js kali ini.