Tutorial
Pemrograman
Belajar Vue.js · Bab 1 dari 2
(Vuejs) Instalasi Menggunakan NPM [1]
Jalankan perintah pada terminal npm install vue buat file index.html pada directory yang sama pada saat kita menjalankan npm install vue tadi lalu masukan pada index.html code dibawah ini : <!DOCTYPE html> <html> <head> <title>Belajar Vue</…
Oleh Akhmad Syarif
Jalankan perintah pada terminal
npm install vuebuat file index.html pada directory yang sama pada saat kita menjalankan
npm install vue tadi
lalu masukan pada index.html code dibawah ini :
<!DOCTYPE html>
<html>
<head>
<title>Belajar Vue</title>
<script src="./node_modules/vue/dist/vue.js"></script>
</head>
<body>
<div id="app">
{{ konten }}
</div>
<script>
var vm = new Vue({
el: '#app',
data: {
konten: 'Vue dengan npm'
}
})
</script>
</body>
</html>
Lalu jalankan html tersebut maka akan seperti gambar dibawah ini hasil nya :
Sebenarnya ada banyak cara dalam installasi vuejs yang penulis tau diantaranya dengan cdn (hampir sama seperti ini), npm (seperti tutorial ini), vue-cli, dan juga lewat javascript bundle seperti webpack.
Catatan: tulisan ini dipindahkan dari cloudborneo.com, terbit pertama 20 Januari 2020.
Tentang penulis
