Heim >Web-Frontend >View.js >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 Systemeinstellungen1. Status: Speicherstatus
rrree2 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.getCountAndSumVerwandte 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!