Vue.js 2 Dasar

Belajar mengenai instalasi, Vue instance, data & methods, pengkondisian dan perulangan, serta eksperimen sederhana

Pengenalan

Vue.js? Apa sih?

Jika disadur dari official websitenya, Vue adalah progressive framework for building user interfaces. Secara kerja, Vue memiliki kemiripan dengan react dan angular. Sedikit perbedaannya adalah Vue sangat kecil dengan ukuran 16KB untuk versi production, sehingga waktu load nya sangat cepat dan memiliki runtime performance yang sangat tinggi.

Bagaimana cara menginstallnya?

Cara paling mudah dan sederhana adalah dengan menggunakan CDN.

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>

Atau bisa juga melalui link:

<script src="https://unpkg.com/vue"></script>

Untuk kerangka awal HTML nya akan terlihat seperti di bawah ini.

<html>

  <head>
    <meta charset="utf-8">
    <title>Belajar VueJS</title>
    <link href="styles.css" rel="stylesheet" />
    <script src="https://unpkg.com/vue"></script>
  </head>

</html>

Tahap berikutnya

Setelah ini kita akan belajar mengenai vue sedikit lebih dalam. Diperlukan pemahaman dasar mengenai javascript dan sedikit mengenai HTML dan CSS. Terima kasih :)