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>

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

#html #vuejs #javascript