Heim  >  Artikel  >  Web-Frontend  >  Implementieren Sie die Initialisierungsmethode von vuex

Implementieren Sie die Initialisierungsmethode von vuex

巴扎黑
巴扎黑Original
2017-07-21 17:07:262421Durchsuche

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn