Vuex punika state perpustakaan manajemen kanggo Vue.js aplikasi, ngijini sampeyan kanggo ngatur lan nyinkronake data antarane component s beda ing aplikasi. Vuex ngleksanakake arsitektur Flux, nggawe gampang lan efisien kanggo ngatur aplikasi state.
konsep Key ing Vuex kalebu
1. State
Ing nuduhake nyimpen data terpusat kanggo aplikasi sampeyan state. Vuex Iku ngemu data aplikasi kang kudu dienggo bareng antarane component s beda. state Ing ngisor iki conto kanggo nemtokake a Vuex:
2. Mutations
Mutations tanggung jawab kanggo ngowahi state ing Vuex. Iku fungsi sinkron sing njupuk saiki state lan payload minangka bantahan. Punika conto kanggo nemtokake mutasi ing Vuex:
3. Actions
Actions digunakake kanggo nangani operasi asinkron lan ngirim mutations kanggo ngowahi file state. Bisa ngemot panggilan API, tugas async, utawa logika kompleks. Punika conto nemtokake tumindak ing Vuex:
4. Getters
Getters ngidini sampeyan njupuk lan ngitung sing asale state saka Vuex toko. Padha migunani kanggo ngakses lan manipulasi data sadurunge bali menyang s component. Punika conto kanggo nemtokake getter ing Vuex:
Kanggo nginstal Vuex ing Vue.js project, sampeyan bisa tindakake langkah iki
Langkah 1: Instal Vuex liwat npm utawa benang:
utawa
Langkah 2: Gawe store.js
file ing direktori root proyek sampeyan. Ing kene kita bakal ngumumake lan ngatur aplikasi kasebut state.
Langkah 3: Ing store.js
file, ngimpor Vuex lan nggawe obyek nyimpen anyar:
Langkah 4: Ing main.js
file, ngimpor toko lan link menyang aplikasi Vue:
Langkah 5: Saiki sampeyan wis nginstal lan nyiyapake Vuex ing proyek sampeyan. Sampeyan bisa wara-wara s Panjenengan state, getters, mutations, lan actions ing store.js
file, lan digunakake ing Vue Panjenengan component.
Tuladha:
Ing store.js
file, sampeyan bisa ngumumake prasaja state lan mutasi kaya iki:
Ing Vue component, sampeyan bisa nggunakake state mutasi lan kanthi nggunakake fungsi lan : mapState
mapMutations
Kanthi langkah-langkah kasebut, sampeyan wis sukses nginstal Vuex lan bisa digunakake kanggo ngatur aplikasi state sampeyan Vue.js.
Kanthi Vuex, sampeyan bisa ngatur aplikasi kanthi gampang lan konsisten state. Iku nambah kode maintainability lan bisa digunakake maneh, nalika nyedhiyakake pendekatan terstruktur kanggo manajemen data.