Vuex egy state felügyeleti könyvtár Vue.js az alkalmazások számára, amely lehetővé teszi az adatok kezelését és szinkronizálását component az alkalmazás különböző részein. Vuex megvalósítja a Flux architektúrát, megkönnyítve és hatékonyan kezelve az alkalmazást state.
A kulcsfogalmak közé Vuex tartozik
1. State
Az state in Vuex az alkalmazás központi adattárát jelöli. Ez tartalmazza az alkalmazás azon adatait, amelyeket meg kell osztani a különböző component alkalmazások között. state Íme egy példa egy in meghatározására Vuex:
2. Mutations
Mutations felelősek az state in módosításáért Vuex. Ezek szinkron függvények, amelyek state argumentumként veszik az áramot és a hasznos terhelést. Íme egy példa a mutáció meghatározására Vuex:
3. Actions
Actions az aszinkron műveletek kezelésére és az elküldésre használják mutations a state. Tartalmazhatnak API-hívásokat, aszinkron feladatokat vagy összetett logikát. Íme egy példa egy művelet meghatározására itt Vuex:
4. Getters
Getters state lehetővé teszi az áruházból származó adatok lekérését és kiszámítását Vuex. Hasznosak az adatok eléréséhez és kezeléséhez, mielőtt visszaküldenék azokat az component s-be. Íme egy példa a getter meghatározására a következőben Vuex:
Vuex A projektbe való telepítéshez Vue.js kövesse az alábbi lépéseket
1. lépés: Telepítés Vuex npm-en vagy fonallal:
vagy
2. lépés: Hozzon létre egy store.js
fájlt a projekt gyökérkönyvtárában. Itt nyilatkozunk és kezeljük a pályázatot state.
3. lépés: A store.js
fájlban importáljon Vuex és hozzon létre egy új áruházobjektumot:
4. lépés: A fájlban main.js
importálja az áruházat, és kapcsolja össze a Vue alkalmazással:
5. lépés: Most már telepítette és beállította Vuex a projektet. Deklarálhatja state az s, getters, mutations, és actions a fájlban store.js
, és használja őket a Vue component s.
Példa:
A fájlban store.js
deklarálhat egy state ilyen egyszerű mutációt:
A Vue-ban a és a mutációt a és függvényekkel component használhatja : state mapState
mapMutations
Ezekkel a lépésekkel sikeresen telepítette, Vuex és használhatja az state alkalmazás kezeléséhez Vue.js.
A segítségével Vuex egyszerűen és következetesen kezelheti az alkalmazást state. Javítja a kód karbantarthatóságát és újrafelhasználhatóságát, miközben strukturált megközelítést biztosít az adatkezeléshez.