Halo teman teman kali ini kita akan berkenalan dengan VueJS. Vue JS adalah salah satu Framework atau library Javascript, Framework ini merupakan Framework yang di buat untuk kebutuhan Frond End dari sebuah aplikasi web agar aplikasi web tersebut lebih interaktif. Vue JS ini banyak sekali di gunakan dalam aplikasi website. Untuk mempelajari Vue ini setidaknya kalian sudah mengerti dasar-dasar HTML, CSS dan juga Javascript.
Untuk installVuejs ini sangat lah mudah kalian bisa Download di link ini https://vuejs.org/js/vue.js. Atau kalian bisa sertakan kode di bawah ini.
<script src=”https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js”></script>
untuk lebih jelasnya ketikan kode html berikut dan beri nama dengan nama index.html
index.html
dengan mengetikan kode di atas Kita berhasil menginstal VueJs kita, dan mudah bukan cara penginstalannyya, ok lanjut ke pembahasan berikutnya.
Vue Instance
Setiap kita mau memakai VueJS kita harus membuat instance nya, cara nya seperti berikut.
atau kita bisa buat dia di dalam sebuah variabel, seperti berikut
dan kita pastikan bahwa instance ini tidak error atau tidak nyambung, kita bisa buka di browser kita, bila hasilnya seperti di bawah ini maka vue js kita berhasil di instance.
instance dari Vue js ini dia bisa punya apa saja mualai dari data, templating, metode, dan banyak lagi. Kita cuku pmendeklaraikan key dan Value di dalam instance Vuejs tersebut. oke kali ini saya akan mencontohkan hal sederhana di mana kita akan menampilkan data pada sebuah elemen HTML berikut contohnya.
kita buat dahulu lemen dengan nama id = app.
lalu di dlaam instance vue js kita ketikan kode di bawah ini.
setelah itu di dalam elemen #app. ketikan kode berikut untuk memunculkan pesan ke dalam elemen #app.
bila berhasil maka di web browser akan tampil outputnya yaitu data pesan yang gak lain dan g bukan isinya adalah tulisan “Dumet School”.
cukup mudah bukan teman teman.. oke sekian tutorial Berkenalan dengan VueJS semoga bermanfaat yah teman teman..
The post Berkenalan dengan VueJS appeared first on Kursus Website Terbaik.