Implémenter la méthode d'initialisation de vuex

Créer un dossier de magasin

1. Fonction : placer des opérations asynchrones

Fichier : actions.js

Contenu :

2. Fonction : Obtenir les données dans l'état

Fichier : getters.js

Contenu :

export const singer = state =>

3. Fonction : Placer le nom de la méthode

Fichier : mutation-types.js

Contenu :

export const SET_SINGER = 'SET_SINGER'

4. Fonction : Manipuler les données d'état

Fichier : mutations.js

Contenu :

importer * en tant que types depuis './ mutation -types'

const mutation = {

[types.SET_SINGER](état, chanteur){

état.singer = chanteur

}

}

exporter les mutations par défaut

5. Fonction : data

Fichier : state.js

Contenu ：

const state = {

chanteur :{}

}

exporter l'état par défaut

6 . Fonction : Entrée

Fichier : index.js

Contenu :

importer Vue depuis 'vue'

importer Vuex depuis 'vuex'

importer * en tant qu'actions de './actions'

importer * en tant que getter de './getters'

importer les mutations de './mutations'

état d'importation from './state'

import createLogger from 'vuex/dist/logger'

Vue.use(Vuex)

// Lors du développement de l'environnement, suivez à chaque fois Modification d'état

const debug = process.env.NODE_ENV !== 'production'

export par défaut new Vuex.Store({

actions,

getters,

mutations,

état,

strict : debug,

plugin : debug ? [createLogger()] : []

})

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!