AnymPedia

Vue JS berfokus pada layer ViewModel dari pola MVVM, meski sebenarnya Vue tidak benar-benar strict mengikuti pola MVVM. ViewModel adalah penghubung antara View (DOM atau tampilan) dan Model (Objek data). Manipulasi pada suatu View dipantau oleh DOM Listeners yang kemudian diterima oleh View Model untuk digunakan dalam memperbarui Model, demikianpun dengan perubahan data pada Model akan diteruskan oleh ViewModel ke View melalui Directives. Pada Vue JS, suatu objek Vue inilah yang mempunyai peran menjadi ViewModel pada pola MVVM. MVVM Vue Inisiasi Objek Vue Setiap aplikasi Vue diawali dengan menginisiasi objek Vue. var vm = new Vue ({      //opsi }) Variabel vm di atas merupakan singkatan dari ViewModel yang mengacu pada objek Vue, sebetulnya tidak harus membuat variabel baru vm dalam menyimpan objek dari Vue kecuali apabila memang diperlukan. Sedangkan opsi bisa diisi dengan properti-properti ang telah didefinisakan oleh vue misalnya data, methods, components, dan lain sebagainya.

Vue merupakan salah satu pustaka Javascript, sebagai sebuah pustaka maka Vue perlu ditambahkan ke dalam halaman HTML untuk dapat digunakan. Library Vue terbagi menjadi dua, yakni versi development biasanya filenya tidak di kompres dan versi production biasanya filenya dikompress. Disarankan dalam pengembangan dan pembangunan aplikasi menggunakan Vue dengan model development karena semua informasi kesalahan atau peringatan akan muncul apabila terjadi kesalahan kode. Untuk model production disarankan digunakan saat aplikasi yang sudah selesai dibangun dan siap di publish karena dapat mengurangi ukuran aplikasi dan apabila terjadi kesalahan informasi error tidak akan muncul. Sumber : codepolitan File library Vue dapat ditambahkan dengan ditautkan langung dengan server Vue (CDN) ataupun secara lokal dengan mengunduh terlebih dahulu file tersebut dan menyimpan di lingkungan aplikasi yang akan dibangun.  Library Vue versi development dapat diunduh di vuejs.org/js/vue.js sedangkan versi pro