Heim > Artikel > Web-Frontend > Implementieren Sie die Initialisierungsmethode von vuex
Speicherordner erstellen
1. Funktion: Asynchrone Operationen platzieren
Datei: actions.js
Inhalt:
2. Funktion: Daten im Status abrufen
Datei: getters.js
Inhalt:
export const Singer = state => state.singer
3. Funktion: Methodennamen platzieren
Datei: mutation-types.js
Inhalt:
export const SET_SINGER = 'SET_SINGER'
4. Funktion: Zustandsdaten manipulieren
Datei: mutations.js
Inhalt:
importieren * als Typen aus './ mutation -types'
const mutation = {
[types.SET_SINGER](state,singer){
state.singer = Singer
}
}
Standardmutationen exportieren
5. Funktion: Daten
Datei: state.js
Inhalt:
const state = {
Singer:{}
}
Standardstatus exportieren
6 . Funktion: Eintrag
Datei: index.js
Inhalt:
Vue aus 'vue' importieren
Vuex aus 'vuex' importieren
* als Aktionen aus './actions' importieren
* als Getter aus './getters' importieren
Mutationen aus './mutations' importieren
Status importieren aus './state'
createLogger aus 'vuex/dist/logger' importieren
Vue.use(Vuex)
// Verfolgen Sie bei der Entwicklung der Umgebung jedes Mal Änderung des Zustands
const debug = Process.env.NODE_ENV !== 'Produktion'
export default new Vuex.Store({
actions,
Getter,
Mutationen,
Zustand,
streng: debug,
Plugin: debug ? [createLogger()] : []
})
Das obige ist der detaillierte Inhalt vonImplementieren Sie die Initialisierungsmethode von vuex. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!