Allgemeine Wissenspunkte in Vuex (Zusammenfassung)

Wenn Sie vue.js bereits verwendet haben, wissen Sie bestimmt, wie schwierig es ist, Werte zwischen Komponenten in Vue zu übertragen. In Vue können wir Vuex verwenden, um die Statuswerte zu speichern, die wir verwalten müssen Schauen Sie sich unten einige häufig verwendete Wissenspunkte in Vuex an. Ich hoffe, dass es für alle hilfreich ist.

1. Warum Vuex verwenden? 1. Mehrere Komponenten basieren auf demselben Status, und die Verwendung von Kommunikationsmethoden zwischen Komponenten, z. B. mehrschichtigen verschachtelten Komponenten, ist sehr umständlich.

2. Daten, die global gespeichert werden müssen, wie Benutzer, Berechtigungsinformationen, globale Systemeinstellungen

1. Status: Speicherstatus

rrree

2 Der erste Parameter, andere Getter als zweiter Parameter und der Rückgabewert werden entsprechend seinen Abhängigkeiten zwischengespeichert, was dem berechneten Attribut von Vue entspricht

// store.jsconst store = new Vuex.Store({
  state: {
    count: 0
  }});// 组件里获取count值$store.state.count

3: Status ändern (synchron), Status als erster Parameter, Senden Sie die Last als zweiten Parameter.

// store.jsconst store = new Vuex.Store({
  state: {
    count: 1，
    sum: 2
  },
  getters: {
    getCountAndSum： (state,getters) => {
      return state.count + state.sum;
    }
  }});// 其他组件获取getter$store.getters.getCountAndSum

Verwandte Empfehlungen:

Zusammenfassung der Front-End-Vue-Interviewfragen 2020 (mit Antworten)

Vue-Tutorial-Empfehlung: 2020 neueste 5 vue.js-Video-Tutorial-Auswahl

Für weitere programmierbezogene Kenntnisse bitte Besuchen Sie:

Einführung in die Programmierung

! !

Das obige ist der detaillierte Inhalt vonAllgemeine Wissenspunkte in Vuex (Zusammenfassung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!