Apa itu Vue.js?

Vue adalah kerangka kerja JavaScript open-source untuk front-end yang digunakan untuk membangun antarmuka pengguna dan aplikasi web halaman tunggal. Dibuat oleh Evan You, dirilis pada tahun 2014 dan dikelola oleh Evan dan tim intinya, Vue berfokus pada penyajian deklaratif dan komposisi komponen yang menawarkan pustaka inti hanya untuk lapisan tampilan.

Jika Anda ingin membangun aplikasi web Vue yang dirender server yang memiliki fitur-fitur canggih seperti perutean, manajemen status, dan alat pengembangan, lihat Nuxt.js.

Apa yang membuat Vue unik?

Vue menggunakan arsitektur model-view-viewmodel. Evan You sebelumnya bekerja pada AngularJS di Google dan mengekstrak bagian Angular untuk menawarkan kerangka kerja yang lebih ringan. Vue mungkin mirip dengan React, Angular, Ember, Knockout, dll. Lihat dokumentasi Vue untuk perbandingan yang lebih mendalam kerangka kerja JavaScript lainnya.

Apa yang dapat Anda lakukan dengan Vue?

• Membuat aplikasi satu halaman (SPA)
• Gunakan hanya komponen Vue untuk menambahkan daftar to-do sederhana ke aplikasi Anda atau temukan contoh yang lebih kompleks
• Bangun situs web yang dirender oleh server dengan backend Node.js, dengan bantuan dari Nuxt.js

Alat Vue

Vue.js hanya difokuskan pada lapisan tampilan, jadi mungkin memerlukan alat tambahan untuk membuat aplikasi yang lebih kompleks. Anda mungkin ingin mempertimbangkan untuk menggunakan:

• Manajer paket: Dua pengelola paket populer untuk Vue adalah npm (yang disertakan dengan NodeJS) dan yarn. Kedua-duanya mendukung kumpulan paket yang dikelola dengan baik dan dapat diinstal.
• Vue CLI: toolkit standar untuk pengembangan Vue.js cepat dengan dukungan out-of-the-box untuk Babel, PostCSS, TypeScript, ESLint, dll.
• Nuxt.js: Kerangka kerja untuk memungkinkan aplikasi Vue.js dirender di server. Penyajian sisi server dapat meningkatkan SEO dan membuat antarmuka pengguna lebih responsif.
• paket ekstensi Vue untuk VS Code: Menambahkan penyorotan sintaks, pemformatan kode, dan cuplikan kode ke file .vue Anda.
• Vuetify: Pustaka UI Vue yang menawarkan komponen Material Design Framework.
• Vuesion: Boilerplate Vue untuk Progressive Web Apps (PWAs) siap produksi.
• Buku cerita: Lingkungan pengembangan dan pengujian untuk komponen antarmuka pengguna Vue.
• Vue Router: Mendukung pemetaan URL aplikasi ke komponen Vue.
• Vue Design System: Alat sumber terbuka untuk membangun Sistem Desain dengan Vue.js.
• VueX: Sistem manajemen status untuk aplikasi Vue.

Sumber daya tambahan

• dokumen Vue
• Vue.js ringkasan
• Menginstal Vue.js di WSL
• Menginstal Vue.js di Windows
• Pasang Nuxt.js
• Ambil langkah pertama Anda dengan jalur pembelajaran Vue.js
• Cobalah tutorial Vue dengan VS Code