javascript - Bezüglich des Problems der Mutation in Vuex bin ich sehr besorgt, während ich online warte. Können Sie mir einen Hinweis geben?

Question

Es gibt ein solches Szenario, das mir heute beim Schreiben begegnet ist.
Ich habe in der Komponente einen Router geschrieben, um zu einer Komponente zu springen, und dieser Komponente einen Namen übergeben. Dieser Name ist in der Route definiert und verwendet die Methode beforeEnter zur Sprungkomponente
Die gesprungene Komponente verwendet prop, um den Namen zu erhalten
Dann habe ich eine Frage: Ich erhalte den Namen und beurteile jetzt die Daten des Namens
Dann definieren Sie eine Methode goodorbad

in den Komponentenmethoden

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

Dann möchte ich jetzt diese Methode in Mutation in Vuex schreiben,
Ich werde eine schreiben

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

Dann schreibe ich in den Sprung zur Komponente

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

Die Rendite kann so nicht erzielt werden, ich frage mich warum.

Answer 1

你去好好看看vuex的官方文档吧

更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Vuex 中的 mutations 非常类似于事件：每个 mutation 都有一个字符串的 事件类型 (type) 和 一个 回调函数 (handler)。这个回调函数就是我们实际进行状态更改的地方，并且它会接受 state 作为第一个参数：