Heim  >  Artikel  >  Web-Frontend  >  Was ist Vuex?

Was ist Vuex?

不言
不言Original
2019-04-01 13:58:2016982Durchsuche

Vuex ist ein Zustandsverwaltungsmodell, das speziell für Vue.js-Anwendungen entwickelt wurde. Es verwendet einen zentralen Speicher, um den Zustand aller Komponenten der Anwendung zu verwalten, und verwendet entsprechende Regeln, um sicherzustellen, dass sich der Zustand auf vorhersehbare Weise ändert . Vuex kann den Datenstatus komplexer Anwendungen verwalten, z. B. die Kommunikation zwischen Geschwisterkomponenten, die Werteübertragung zwischen mehrschichtigen verschachtelten Komponenten usw.

Was ist Vuex?

Vuex ist ein Zustandsverwaltungsmuster, das speziell für Vue.js-Anwendungen entwickelt wurde. Es verwendet einen zentralen Speicher, um den Status aller Komponenten der Anwendung zu verwalten, und stellt mithilfe entsprechender Regeln sicher, dass sich der Status auf vorhersehbare Weise ändert.

Vuex ist auch in die offizielle Debugging-Tool-Erweiterung Devtools von Vue integriert und bietet erweiterte Debugging-Funktionen wie konfigurationsfreies Time-Travel-Debugging, Status-Snapshot-Import und -Export usw.

Vue nutzt zentralen Speicher, um den Status aller Komponenten der Anwendung zu verwalten. Der Schlüssel hierzu liegt in der zentralen Speicherverwaltung. Das bedeutet, dass Updates, die ursprünglich einen gemeinsamen Status erforderten, eine Kommunikation zwischen Komponenten erforderten, aber jetzt mit vuex kommunizieren alle Komponenten mit dem Store. Aus diesem Grund wird auf der offiziellen Website erneut der Wert von Vuex beim Erstellen großer Anwendungen erwähnt. Wenn Sie nicht vorhaben, eine große Einzelseitenanwendung zu öffnen, kann die Verwendung von Vuex sehr umständlich sein Zustand zwischen verschiedenen Komponentenverwaltung, und für kleine Projekte wird empfohlen, HTML5-spezifische Attribute, localStroage und sessionStroage, als Datenübertragung zu verwenden.

Vuex hat mehrere Kernkonzepte: Zustand, Getter, Mutation, Aktion und Modul.

Status speichert den oben erwähnten Status

Mutationen speichert, wie der Status geändert wird

Getter leiten Status von Status ab, z. B. Filtern eines bestimmten Status im Status und den neuen Zustand erhalten.

Aktionen sind eine erweiterte Version der Mutation. Sie können den Status durch die Methoden in Commit-Mutationen ändern. Das Wichtigste ist, dass sie asynchrone Vorgänge ausführen können.

Module bedeuten, wie der Name schon sagt, dass wir den Container in mehrere Teile unterteilen und die Zustände und Verwaltungsregeln klassifizieren können, wenn die Verwendung dieses Containers zum Speichern dieser Zustände immer noch verwirrend ist. Dies ist der gleiche Zweck wie beim Erstellen von JS-Modulen, um die Codestruktur klarer zu machen.

[Verwandte Empfehlungen: JavaScript-Video-Tutorial]

Das obige ist der detaillierte Inhalt vonWas ist Vuex?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn