Skip to content

Create kenalan-dengan-vuejs.md #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Dicky1 wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Create kenalan-dengan-vuejs.md #9

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
33 changes: 33 additions & 0 deletions kenalan-dengan-vuejs.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,33 @@
#**Apa Sih Itu Vuejs?**

Vue.js adalah sebuah framework untuk membangun antarmuka web yang interaktif.

##**Installasi VueJs**

Untuk instalasi vue.js sendiri ada beberapa alternatif bisa menggunakan nya secara langsung dengan mendownload file vue.js nya , menggunakan CDN, NPM, dan Vue-cli, tapi pada kesempatan kali ini kita akan belajar dengan menggunakan cara yg pertama dengan mendownload filenya secara langsung ke komputer kita, cara inilah cara yg paling mudah untuk digunakan dalam tahap awal belajar vue.js itu sendiri, ok untuk mendownload file vue.js nya anda bisa menuju link berikut https://vuejs.org/v2/guide/installation.html dan pilih yg Direct Script Include kemudian pilih yg development version setelah itu letakan filenya di dalam directory untuk belajar vue.js nya.

###**Membuat Hello World**

Salah satu kelebihan dari Vue.js adalah flexibilitas dimana kita dapat membuat sebuah aplikasi web dengan berbagai cara tergantung pada kebutuhan dan skala dari aplikasi web kita.

Kita akan memulai belajarnya dengan membuat sebuah aplikasi “Hello World!” sederhana. Untuk memulai buatlah sebuah file html dengan code sebagai berikut :

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Belajar vue.js dasar</title>
</head>
<body><div id="app">
<p> {{ pesan }} </p>
</div><script src="vue.js"></script>
<script>
new Vue({
el:"#app",
data: {
pesan:"Hello World!"
}
});
</script>
</body>
</html>