Tutorial Vue.js #01 - Pengenalan dan Instalasi Vue.js - thoriqaziz.com

thoriqaziz.com

Do your hobby

Tutorial Vue.js #01 - Pengenalan dan Instalasi Vue.js

Share This
Vue.js? Apa itu?

Vue.js merupakan framework javascript progressive yang digunakan untuk membangun tampilan antar muka pengguna dengan menggunakan arsitektur MVC (Model Vuew Controller). Vue.js sendiri merupakan proyek open source dibawah lisensi MIT yang pertama kali dibangun oleh Evan You pada Frebruari 2014. Evan You pernah bekerja di Google dalam proyek Angular.js. Makanya tidak heran jika beberapa konsep dalam Angular.js ini diadopsi kedalam Vue.js, seperti misalnya konsep directive dan expression.
Vue.js bekerja pada layer view, sehingga akan lebih mudah diintegrasikan dengan library lain maupun aplikasi yang sudah jadi. Lantas gimana cara instalasi Vue.js?
Caranya cukup mudah, yakni:

  1. Akses ke web Vue.js di https://vuejs.org/ .
  2. Pilih GET STARTED .
  3. Kemudian klik Installation > download yang Development Version.
  4. Selanjutnya buat folder baru ke dalam htdocs (jika menggunakan web server xampp). Misalkan saja kasih nama folder myvue. Lalu taruh file vue.js hasil download tadi ke dalam folder tersebut.
  5. Terakhir, buat sebuah file html, misalkan index.html ke dalam folder tadi lalu isi file html tersebut seperti berikut.

     <html>  
     <head><title>Belajar Vue.js</title></head>  
     <body>  
     <script src="vue.js"></script>  
     </body>  
     </html>  
    
    Dari sini bisa kita lihat bahwa kita melakukan embed file vue.js kedalam file index.html

Video terkait:

No comments:

Post a Comment

Pages