 |
| Sumber Gambar : Codepolitan |
Fitur utama yang dimiliki oleh Vue dalam menunjang pengembangan suatu aplikasi secara garis besar diantaranya sebagai berikut :
Virtual DOM
DOM adalah singkatan dari Document Object Model yaitu model yang menggambarkan suatu halaman HTML atau XML. DOM memiliki bentuk seperti struktur hirarki pohon yang menghubungkan tiap-tiap elemen HTML atau XML (node). Agar lebih jelas perhatikan ilustrasi kode program HTML di bawah ini.
<html>
<head>
<title>Judul</title>
</head>
<body>
<h2>Hello World</h2>
<p>Vue JS</p>
</body>
</html>
Dilihat dari udut pandang DOM kode program HTML di atas memiliki root node html, node html mempunyai dua buah child node yakni head dan body. Sedangkan node head mempunyai satu buah child yakni title, untuk node body sendiri mempunyai dua buah child yakni h1 dan p.
Sebenarnya tanpa menggunakan Vue, Javascript juga memiliki kemampuan dalam mengakses dan memanipulasi semua DOM tersebut secara langsung. Tapi alih-alih memanipulasi DOM secara langsung, Vue mempunyai pendekatan yang sedikit berbeda yakni dengan membuat abstraksi objek virtual DOM yang kemudian dimanipulasi dan dirender hasilnya. Pendekatan ternyata lebih efisien dan cepat dibandingkan dengan memanipulasi DOM secara langsung.
Reactivity
Vue mendukung reactivity secara default, reactivity merupakan sebuah perubahan data pada suatu bagian tertentu akan secara interaktif mempengaruhi bagian yang lainnya. Para pengembang aplikasi akan diberikan kemudahan karena dapat lebih terfokus pada flow data dan template.Template
Template adalah sebuah kode yang dijadikan pondasi dasar dari suatu komponen dan biasanya berupa kode program HTML biasa. Dalam menuliskan template pada Vue terbilang cukup fleksibel karena kita dapat menuliskan suatu template dengan kode komponenya layaknya React ataupun terpisah menggunakan tag template atau HTML yang id-nya telah dinyatakan atau didaftarkan, ataupun juga dibuat terpisah pada file tersendiri yang biasanya menggunakan ekstensi file Vue ataupun yang lainnya.Component Base
Dikarenakan Vue menggunakan pendekatan berbasis komponen jadi dimana setiap bagian dari tampilan merupakan sebuah komponen.Dengan pendekatan ini, sebuah tampilan yang komplek dapat dibagi menjadi beberapa bagian dan setiap bagian tersebut dapat digunakan kembali pada bagian yang lain sehingga akan membuat kode yang rapih. Kode komponen pada Vue dituliskan dengan kode javascript ebagai sebuah objek.State Management
Sebab Vue memiliki pendekatan berbasis komponen sehingga membutuhkan pendekatan terpusat dalam menyimpan state atau data aplikasi yang dapat dibaca dan dimodifikasi oleh semua komponen yang membutuhkan. Pustaka yang mendukung secara resmi menangani state tidak pada core Vue namun menggunakan Vuex.Modularity
Sebuah komponen pada Vue dapat dibagi menjadi modul-modul kecil sehingga dapat memudahkan pengembang dalam mengembangkan ataupun mengelola kodenya terutama pada sebuah proyek aplikasi yang berskala cukup besar.Routing
Routing merupakan kebutuhan dalam pembuatan sebuah aplikasi enterprise atau berskala cukup besar karena menyangkut bagaimana suatu halaman pada sebuah aplikasi tersebut dapat diakses oleh penggunanya melalui browser. Walaupun tidak pada core-nya, namun Vue memfasilitasi pustaka yang mendukung secara resmi dalam menangani routing aplikasi yaitu Vue router. https://router.vuej.orgReferensi
Hafid Mukhlasin Vue JS The Progressive Javascript Framework
.jpg)
.jpg)
0 Comments
Komentar akan dimoderasi terlebih dahulu untuk sementara karena ada beberapa komentar yg mengandung spam porno. Jadi komentar tidak akan langsung muncul sebelum disetujui.
Dilarang berkomentar yang mengandung porno, judi, spam, rasis, promosi iklan dan sara.
Form komentar akan di nonaktifkan setelah komentar mencapai 30 komentar lebih.