Vuex yra programų state valdymo biblioteka Vue.js, leidžianti valdyti ir sinchronizuoti duomenis įvairiose component programose. Vuex įdiegia „Flux“ architektūrą, todėl programą lengva ir efektyviai valdyti state.
Pagrindinės sąvokos Vuex apima
1. State
In reiškia centralizuotą jūsų programos duomenų saugyklą state. Vuex Jame yra programos duomenys, kuriuos reikia bendrinti tarp skirtingų component s. Štai pavyzdys, kaip state apibrėžti Vuex:
2. Mutations
Mutations yra atsakingi už state in Vuex. Tai yra sinchroninės funkcijos, kurios kaip argumentus priima srovę state ir naudingą apkrovą. Štai pavyzdys, kaip apibrėžti mutaciją Vuex:
3. Actions
Actions naudojami asinchroninėms operacijoms tvarkyti ir siuntimui mutations modifikuoti state. Juose gali būti API iškvietimų, asinchronizavimo užduočių arba sudėtingos logikos. Štai veiksmo apibrėžimo pavyzdys Vuex:
4. Getters
Getters leidžia gauti ir apskaičiuoti gautus duomenis state iš Vuex parduotuvės. Jie naudingi norint pasiekti duomenis ir juos manipuliuoti prieš grąžinant juos į component s. Pateikiame geterio apibrėžimo pavyzdį Vuex:
Norėdami įdiegti Vuex savo Vue.js projekte, galite atlikti šiuos veiksmus
1 veiksmas: įdiekite Vuex per npm arba siūlą:
arba
2 veiksmas: sukurkite store.js
failą savo projekto šakniniame kataloge. Čia mes deklaruosime ir tvarkysime paraišką state.
3 veiksmas: faile store.js
importuokite Vuex ir sukurkite naują parduotuvės objektą:
4 veiksmas: faile main.js
importuokite parduotuvę ir susiekite ją su „Vue“ programa:
5 veiksmas: dabar įdiegėte ir nustatėte Vuex savo projektą. Galite deklaruoti savo state s, getters, mutations ir actions faile store.js
ir naudoti juos savo Vue component s.
Pavyzdys:
Faile store.js
galite deklaruoti paprastą state mutaciją, kaip ši:
„Vue“ component galite naudoti state ir mutaciją naudodami ir funkcijas: mapState
mapMutations
Atlikę šiuos veiksmus, sėkmingai įdiegėte ir galite naudoti ją savo programai Vuex tvarkyti. state Vue.js
Naudodami Vuex, galite lengvai ir nuosekliai valdyti programą state. Tai pagerina kodo priežiūros ir pakartotinio naudojimo galimybes, kartu suteikia struktūrinį duomenų valdymo metodą.