Vuex on sovellusten state hallintakirjasto Vue.js, jonka avulla voit hallita ja synkronoida tietoja component sovelluksesi eri osien välillä. Vuex toteuttaa Flux-arkkitehtuurin, mikä tekee sovelluksen hallinnasta helppoa ja tehokasta state.
Keskeisiä käsitteitä ovat Vuex mm
1. State
In edustaa state sovelluksesi Vuex keskitettyä tietovarastoa. Se sisältää sovelluksen tiedot, jotka on jaettava eri component käyttäjien kesken. Tässä on esimerkki state in:n määrittämisestä Vuex:
2. Mutations
Mutations ovat vastuussa state in Vuex. Ne ovat synkronisia toimintoja, jotka ottavat virran state ja hyötykuorman argumentteina. Tässä on esimerkki mutaation määrittämisestä Vuex:
3. Actions
Actions käytetään käsittelemään asynkronisia toimintoja ja lähettämään mutations muokkaamaan state. Ne voivat sisältää API-kutsuja, asynkronointitehtäviä tai monimutkaista logiikkaa. Tässä on esimerkki toiminnon määrittämisestä kohteessa Vuex:
4. Getters
Getters voit hakea ja laskea state kaupasta johdettuja tietoja Vuex. Ne ovat hyödyllisiä tietojen käyttämiseen ja käsittelyyn ennen sen palauttamista s component. Tässä on esimerkki getterin määrittämisestä Vuex:
Asentaaksesi Vuex projektiisi Vue.js, voit noudattaa näitä ohjeita
Vaihe 1: Asenna Vuex npm:n tai langan kautta:
tai
Vaihe 2: Luo tiedosto store.js
projektisi juurihakemistoon. Täällä ilmoitamme ja hallinnoimme hakemusta state.
Vaihe 3: store.js
Tuo tiedostoon ja Vuex luo uusi kauppaobjekti:
Vaihe 4: Tuo tiedostossa main.js
kauppa ja linkitä se Vue-sovellukseesi:
Vaihe 5: Nyt olet asentanut ja määrittänyt Vuex projektisi. Voit ilmoittaa state s, getters, mutations ja actions tiedostossa store.js
ja käyttää niitä Vue s:ssäsi component.
Esimerkki:
Tiedostossa store.js
voit ilmoittaa yksinkertaisen state ja mutaation seuraavasti:
Vuessa component voit käyttää state ja -mutaatiota käyttämällä ja -funktioita: mapState
mapMutations
Näiden vaiheiden avulla olet onnistuneesti asentanut ja voit käyttää sitä sovelluksesi Vuex hallintaan. state Vue.js
-sovelluksella Vuex voit hallita sovellusta helposti ja johdonmukaisesti state. Se parantaa koodin ylläpidettävyyttä ja uudelleenkäytettävyyttä ja tarjoaa samalla jäsennellyn lähestymistavan tiedonhallintaan.