Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Pengenalan Features РFeatures vueJS. VueJS adalah framework JavaScript progresif open source yang digunakan untuk mengembangkan antarmuka web interaktif. Ini adalah salah satu kerangka kerja yang terkenal yang digunakan untuk menyederhanakan pengembangan web. VueJS berfokus pada lapisan tampilan. Hal ini dapat dengan mudah diintegrasikan ke dalam proyek-proyek besar untuk pengembangan front-end tanpa masalah apapun.

Instalasi untuk VueJS sangat mudah dimulai. Setiap pengembang dapat dengan mudah memahami dan membangun antarmuka web interaktif dalam hitungan waktu. VueJS diciptakan oleh Evan You, mantan karyawan dari Google. Versi pertama VueJS dirilis pada bulan Februari 2014. Baru-baru ini telah mencatat 64.828 bintang di GitHub, membuatnya sangat populer.
fitur

Berikut adalah fitur yang tersedia dengan VueJS.

Virtual DOM

VueJS membuat penggunaan DOM virtual, yang juga digunakan oleh framework lain seperti React, Ember, dll. Perubahan tidak dilakukan pada DOM, bukan replika DOM yang dibuat yang hadir dalam bentuk struktur data JavaScript. . Setiap kali ada perubahan, dibuat pada struktur data JavaScript dan yang terakhir dibandingkan dengan struktur data asli. Perubahan terakhir kemudian diperbarui ke DOM yang sebenarnya, yang akan dilihat pengguna berubah. Ini bagus dalam hal optimasi, ini lebih murah dan perubahannya bisa dilakukan pada tingkat yang lebih cepat.

Data Binding

Fitur pengikatan data membantu memanipulasi atau menetapkan nilai pada atribut HTML, mengubah gaya, menetapkan kelas dengan bantuan perintah pengikatan yang disebut v-bind yang tersedia dengan VueJS.

Components

Komponen adalah salah satu fitur penting VueJS yang membantu menciptakan elemen khusus, yang dapat digunakan kembali dalam HTML.

Event Handling

v-on adalah atribut yang ditambahkan ke elemen DOM untuk mendengarkan kejadian di VueJS.

Animation/Transition

VueJS menyediakan berbagai cara untuk menerapkan transisi ke elemen HTML saat ditambahkan / diperbarui atau dihapus dari DOM. VueJS memiliki komponen transisi built-in yang perlu dililitkan di sekitar elemen untuk efek transisi. Kita dapat dengan mudah menambahkan perpustakaan animasi pihak ketiga dan juga menambahkan lebih banyak interaktivitas ke antarmuka.

Computed Properties

Inilah salah satu fitur penting VueJS. Ini membantu untuk mendengarkan perubahan yang dilakukan pada elemen UI dan melakukan perhitungan yang diperlukan. Tidak perlu pengkodean tambahan untuk ini.

Templates
VueJS menyediakan template berbasis HTML yang mengikat DOM dengan data contoh Vue. Vue mengkompilasi template ke fungsi DOM Render virtual. Kita bisa memanfaatkan template dari fungsi render dan untuk melakukannya kita harus mengganti template dengan fungsi render.

Directives
VueJS memiliki arahan built-in seperti v-if, v-else, v-show, v-on, v-bind, dan v-model, yang digunakan untuk melakukan berbagai tindakan pada frontend.

Watchers

Watchers diterapkan pada data yang berubah. Misalnya, form input element. Di sini, kita tidak perlu menambahkan acara tambahan. Watcher menangani penanganan perubahan data yang membuat kode menjadi mudah dan cepat.

Routing

Navigasi antar halaman dilakukan dengan bantuan vue-router.

Lightweight

Skrip VueJS sangat ringan dan kinerjanya juga sangat cepat.

Vue-CLI

VueJS dapat diinstal pada baris perintah menggunakan antarmuka baris perintah vue-cli. Ini membantu membangun dan mengkompilasi proyek dengan mudah menggunakan vue-cli.

Oke itulah tadi pembahasan saya tentang Pengenalan Features – Features vueJS, semoga bermanfat.