Vue Js adalah salahsatu framework javascript yang populer, karena penggunaaan nya yang mudah dan simpe, framework ini di buat untuk pembuatan user interfase pada website, dan cocok sekali di gunakan juga untuk pembuatan single page application atau SPA. pada contoh kali ini kita akan membuat component di dalam vuejs.

untuk memulai membuat vue js kita mesti siapkan struktur berikut ini teman teman

nah setelah itu kita akan membuat component nya dengan vue component pada vue js.

dan di dalam id app kita tambahkan class. seperti berikut ini.

terlihat kalau kita menambahkan tag <pesan> pada html kita yang telah sebelumnya di buat di dalam vue js kita, dan tampilan nya akan seperti berikut ini.

nah perlu di ingat component ini bisa kita gunakan berulang kali. misalkan component tersebut akan saya gunakan dua kali lagi tapi dengan syarrat masih di dalam id app yang sudah kita deklarasikan di dalam vue js nya.

coba kita buka di web

maka component tersebut masih bisa kita gunakan berulang ulang.

sekian tutorial Membuat Component dengan Vue JS, semoga bermanfaat yah teman teman.