Vuex (Legacy)
Store Vuex 4, state, mutations, actions, getters, modules, namespacing, migrasi ke Pinia
1Apa itu store Vuex?
Apa itu store Vuex?
Jawaban
Store Vuex adalah kontainer terpusat yang mengelola state global aplikasi Vue. Store memungkinkan berbagi data antar beberapa komponen tanpa harus meneruskan props secara manual melalui pohon komponen. Store memastikan bahwa state hanya dapat dimodifikasi secara terprediksi melalui mutations, yang menyederhanakan proses debugging dan pemeliharaan aplikasi yang kompleks.
2Apa perbedaan utama antara mutations dan actions di Vuex?
Apa perbedaan utama antara mutations dan actions di Vuex?
Jawaban
Mutations bersifat sinkron dan secara langsung bertanggung jawab untuk memodifikasi state, sedangkan actions bersifat asinkron dan dapat berisi logika bisnis yang kompleks sebelum melakukan commit mutations. Actions ideal untuk panggilan API, timer, atau operasi asinkron apa pun, karena dapat menunggu hasil sebelum memodifikasi state melalui mutations. Pemisahan ini memastikan bahwa modifikasi state tetap dapat dilacak di Vue DevTools.
3Untuk apa getters digunakan dalam store Vuex?
Untuk apa getters digunakan dalam store Vuex?
Jawaban
Getters di Vuex bekerja seperti computed properties untuk store. Mereka memungkinkan penghitungan nilai turunan dari state tanpa menduplikasi logika di beberapa komponen. Getters di-cache dan hanya dihitung ulang ketika dependensinya berubah, sehingga memberikan performa yang baik. Getters sempurna untuk memfilter, mengurutkan, atau mentransformasi data state sebelum diekspos ke komponen.
Bagaimana cara mengakses state Vuex dari komponen Vue?
Mengapa menggunakan actions alih-alih mutations untuk panggilan API di Vuex?
+12 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Pinia State Management
Composition API
Reaktivitas Vue
Dasar-Dasar Nuxt
Data Fetching Nuxt
SSR & SSG Nuxt
Server Routes Nuxt
Modul Nuxt
Composable Vue
Form & Validasi Vue
Manajemen State Nuxt
Testing Vue
Deployment Nuxt & CI/CD
Performa Vue
Pola Lanjutan Vue
TypeScript dengan Vue
Autentikasi Nuxt
SEO dengan Nuxt
Internasionalisasi Nuxt
Arsitektur Vue
Keamanan Nuxt
Ekosistem Vue
Migrasi Vue 2→3 & Nuxt 2→3
Kuasai Vue.js / Nuxt.js untuk wawancara berikutnya
Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.
Mulai gratis