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!