Hai teman-teman semuanya, apa kabar? semoga tetap dalam keadaaan sehat? kita lanjut lagi belajarnya, pada tutorial sebelumnya saya telah membahas cara instalasi vue js dengan menggunakan direct CDN yaitu dengan cara memanggil langsung link library yang bersangkutan, nah pada tutorial kali ini kita akan praktekan contoh sederhana sekali dengan menggunakan vue js yaitu mencetak hello word dengan vue js.

Oke untuk lebih jelasnya kita langsung saja praktek, silahkan teman-teman buatr sebuah file dan ketikan script berikut ini:

Didalam body saya menyisipkan element div dengan id cetak, lalu coba teman-teman tambahkan script berikut ini:

Dengan menuliskan script diatas maka akan tercetak hello vue.js.

Untuk penjelasannya, Pertama saya membuat vue instance dalam contoh kasus ini

lalu dalam fungsi tersebut saya meggunakan selector el untuk menentukan id atau class mana yang akan kita eksekusi, dan memasukannya kedalam vue data ( model ) yang dimana isi dari vue data ( model ) tersebut akan dicetak pada element id atau selector yang kita tentukan.

Gimana teman-teman cukup mudah bukan, saya rasa untuk tutorial kali ini tentang mencetak hello word dengan vue js semoga tutorial kali ini bermangaat untuk teman-teman semuanya, smapai bertemu lagi pada tutorial berikutnya,

Terima kasih.