Cara install Vue.js
Hallo boys and girls.. hari ini saya akan membahas cara install vue.js dan untuk instal vue js dapat dilakukan dengan beberapa cara:
- Dengan menggunakan CDN, kamu bisa menaruh script (yang sudah di minify atau tanpa minify) berikut kedalam html
<!-- minify -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script><!-- tanpa minify -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
- Ataupun dengan cara download file vue js di https://vuejs.org/js/vue.min.js dan memanggil file tersebut di dalam html
Berikut ini struktur htmlnya dan sekalian dapat mencoba menggunakan vuejs dengan membuat file index.html dengan isi sebagai berikut
<!DOCTYPE html>
<html>
<head>
<title>Vue Testing</title>
</head>
<body><!-- menampilkan data dari app1 dengan metode mustaches -->
<div id="app1">
{{ txt1 }}
</div><!-- menampilkan data dari app2 dengan metode v-html -->
<div id="app2" v-html="txt2"></div><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
<script>
//script untuk menampilkan data id="app1"
var app1 = new Vue({
el: '#app1',
data: {
txt1 : 'Hello Vue!',
}
})//script untuk menampilkan data id="app2"
var app2 = new Vue({
el: '#app2',
data: {
txt2 : '<b>Hello Vue!!</b>',
}
})</script>
</body>
</html>
Sedikit penjelasan dari saya untuk cara install dan penggunaan dari vuejs
semoga bermanfaat, jika ada yang ingin ditanyakn silahkan comment dan akan kami balas secepatnya
terima kasih