Step 1
Kita copy kode di web https://vuejs.org/js/vue.js untuk mengaktifkan vue
Step 2
Lalu kita membuat file JavaScript di folder lib yang dimana folder lib itu ada di dalam folder project kita dan paste kode tadi didalam file js tersebut
Step 3
Lalu kita membuat file html dengan nama "data diri.html" pada teks editor.
Step 4
Ketikkan kode dibawah
Kode <script src="lib/vue,js></script> adalah untuk memanggil kode vue atau mengaktifkan vue tadi yang sudah kita simpan di vue.js
Yang akan muncul adalah semua yang ada di h1 dan diikuti dengan {{}} yang menandakan bahwa itu adalah variable, variable itu memiliki isi yaitu di bawahnya. Disini saya masukkan data diri saya yaitu nama, prodi, tahun angkatan dan emai.
Step 5
Jika sudah maka kita buka browser dan lihat apakah file html kita sudah dapat muncul pada browser. Jika berhasil maka akan terlihat seperti ini
Pastikan bahwa besar kecilnya huruf diperhatikan saat ingin memanggil variable.
Terimakasih :)
Tidak ada komentar:
Posting Komentar