Pinia State Management
Pinia stores, state, actions, getters, integrasi Composition API, komposisi store, setup stores
1Apa itu Pinia store?
Apa itu Pinia store?
Jawaban
Pinia store adalah objek reactive terpusat yang berisi state, getters, dan actions untuk mengelola state aplikasi. Tidak seperti Vuex, Pinia menyederhanakan sintaks dengan menghilangkan mutations dan menawarkan dukungan TypeScript native. Pinia store memungkinkan berbagi data dan logika bisnis antar beberapa komponen dengan cara yang terorganisir dan mudah dipelihara.
2Fungsi mana yang harus digunakan untuk membuat Pinia store?
Fungsi mana yang harus digunakan untuk membuat Pinia store?
Jawaban
Fungsi defineStore adalah metode standar untuk membuat Pinia store. Fungsi ini menerima identifier unik sebagai parameter pertama dan, sebagai parameter kedua, sebuah objek opsi (option store) atau fungsi setup (setup store). Fungsi ini mengembalikan composable yang dapat digunakan di dalam komponen untuk mengakses store.
3Dalam Pinia store, bagaimana cara mendefinisikan data state?
Dalam Pinia store, bagaimana cara mendefinisikan data state?
Jawaban
Dalam option store Pinia, state didefinisikan sebagai fungsi yang mengembalikan objek berisi data reactive. Pendekatan fungsional ini memastikan setiap instance store mendapatkan state-nya sendiri yang terisolasi. State otomatis menjadi reactive berkat sistem reaktivitas Vue, sehingga komponen dapat bereaksi terhadap perubahan data.
Apa itu actions dalam Pinia store?
Apa itu getters dalam Pinia store?
+17 pertanyaan wawancara
Topik wawancara Vue.js / Nuxt.js lainnya
Dasar-Dasar JavaScript
JavaScript Modern (ES6+)
Dasar-Dasar Vue
Komponen Vue
Vue Router
Vuex (Legacy)
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