SIPA NURAENI

Langkah-langkah Menampilkan Data Diri Menggunakan Vue.js

Berikut cara menampilkan data diri di Web menggunakan Vue.js :
1. Buat struktur Folder seperti gambar dibawah ini

2. Buat File Hello.html, dengan source code seperti gambar di bawah ini :

3. Buat juga file biodata.html dengan source code seperti gambar di bawah ini :

4. Unduh file Vue.js di link berikut https://vuejs.org/js/vue.js

5. panggil biodata.html pada browser, jika berhasil akan tampil seperti gambar di bawah ini :

Penjelasan Code :

Perhatikan file hellovue.js. di dalam code Body, terdapat Div dan Script. Div berfungsi untuk memanggil teks biasa. di dalam script, berfungsi untuk memanggil data realtime yang bisa di rubah di Inspect element.


Posting Komentar

0 Komentar