javascript - Concernant le problème de mutation dans Vuex, je suis très anxieux en attendant en ligne, pouvez-vous me donner un indice ?

Question

J'ai rencontré un tel scénario en écrivant aujourd'hui
J'ai écrit un router-to dans le composant pour accéder à un composant et j'ai transmis un nom à ce composant. Ce nom est défini dans la route et utilise la méthode beforeEnter. au composant de saut
Le composant sauté utilise prop pour obtenir le nom
Ensuite, j'ai une question : j'obtiens le nom, et maintenant je juge les données du nom
Ensuite, définissez une méthode goodorbad

dans les méthodes du composant

if (name === 'zhangsan') {
    return 'good'
    } else {
    return 'bad'
    }

Alors maintenant, je veux écrire cette méthode en mutation dans vuex,
Je vais en écrire une

export const goodorbad （state， items） {
  if (items.name === 'zhangsan') {
        return 'good'
        } else {
        return 'bad'
        }
    }

Ensuite, j'écris dans le saut vers le composant

...mapmutaion([
    'goodorbad'
    ])
ps () {
    let items = {
    name: this.name
    }
    this.goodorbad(items)
}

Le retour ne peut pas s'obtenir comme ça, je me demande pourquoi.

Answer 1

Allez bien regarder la documentation officielle de vuex

La seule façon de changer l'état dans la boutique Vuex est de soumettre une mutation. Les mutations dans Vuex sont très similaires aux événements : chaque mutation a un type d'événement de chaîne (type) et une fonction de rappel (gestionnaire). Cette fonction de rappel est l'endroit où nous effectuons réellement les changements d'état, et elle accepte l'état comme premier paramètre :