Share via

Apa itu Vue.js?

  • Artikel

Vue adalah kerangka kerja JavaScript sumber terbuka dan ujung depan untuk membangun antarmuka pengguna dan aplikasi satu halaman di web. 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 dengan fitur canggih seperti perutean, manajemen status, dan alat build, 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 dengan kerangka kerja JavaScript lainnya ini.

Apa yang dapat Anda lakukan dengan Vue?

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 manajer paket populer untuk Vue adalah npm (yang disertakan dengan NodeJS) dan benang. Keduanya mendukung pustaka luas paket yang terawat dengan baik yang dapat diinstal.
  • Vue CLI: toolkit standar untuk pengembangan Vue.js yang cepat dengan dukungan out-of-the-box untuk Babel, PostCSS, TypeScript, ESLint, dll.
  • Nuxt.js: Kerangka kerja untuk memungkinkan aplikasi Vue.js yang dirender di sisi server. Penyajian sisi server dapat meningkatkan SEO dan membuat antarmuka pengguna lebih responsif.
  • Paket ekstensi Vue untuk Visual Studio Code: Menambahkan penyorotan sintaks, pemformatan kode, dan cuplikan kode ke file .vue Anda.
  • Vuetify: Pustaka UI Vue yang menawarkan komponen Material Design Framework.
  • Vuesion: Vue boilerplate 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.
  • Sistem Desain Vue: Alat sumber terbuka untuk membangun Sistem Desain dengan Vue.js.
  • VueX: Sistem manajemen status untuk aplikasi Vue.

Sumber Daya Tambahan: