Detaillierte Erklärung der Eigenschaften und Funktionen von Vuex

Was ist Vuex?

VueX ist ein speziell für Vue.js-Anwendungen entwickeltes Statusverwaltungsframework, das die veränderlichen Zustände verschiedener Vue-Komponenten (Sie können es als einige Daten in der Vue-Komponente verstehen) einheitlich verwaltet und aufrechterhält.

Vuex kann als Entwicklungsmodus oder Framework verstanden werden. Beispielsweise hat PHP Thinkphp, Java hat Spring und so weiter.

Verwalten Sie Änderungen an Treiberkomponenten zentral über den Status (Datenquelle) (genau wie der IOC-Container von Spring Beans zentral verwaltet).

Vuex hat fünf Kernkonzepte: state, getters , mutations , actions und modules .

Der Status auf Anwendungsebene wird im Store zentralisiert. Der Status lässt sich durch die Übermittlung von Mutationen ändern, was ein synchroner Vorgang ist. Asynchrone Logik sollte in Aktionen gekapselt werden.

Cuex basiert auf Flux, Redux und der Elm-Architektur. Im Gegensatz zu anderen Modi ist Vuex eine speziell für Vue.js entwickelte Statusverwaltungsbibliothek, um den feinkörnigen Datenantwortmechanismus von Vue.js für effiziente Statusaktualisierungen zu nutzen.

Statusverwaltung : Einfach ausgedrückt geht es darum, die veränderbaren Zustände jeder Vue-Komponente einheitlich zu verwalten und beizubehalten (Sie können es als einige Daten in der Vue-Komponente verstehen).

Fünf Eigenschaften von Vuex

• state : Ein einzelner Statusbaum, der alle Zustände auf Anwendungsebene in einem Objekt enthält.
  
• getters : Genau wie berechnete Eigenschaften wird der Rückgabewert eines Getters basierend auf seinen Abhängigkeiten zwischengespeichert und nur neu berechnet, wenn sich seine Abhängigkeiten ändern.
  
• mutations : Jede Mutation hat einen String-Ereignistyp (Typ) und eine Rückruffunktion (Handler).
  
• action : Eine Aktion ähnelt einer Mutation, der Unterschied besteht jedoch darin, dass eine Aktion eine Mutation übermittelt, anstatt den Status direkt zu ändern. Eine Aktion kann beliebige asynchrone Vorgänge enthalten.
  
• modules : Modulares Vuex, jedes Modul hat seinen eigenen Status, seine eigene Mutation, Aktion, seinen eigenen Getter und sogar verschachtelte Untermodule.

Was ist die Statuseigenschaft von vuex?

1. Vuex ist ein Lager, das viele Objekte enthält. Der Status ist der Ort, an dem die Datenquelle gespeichert ist, entsprechend den Daten im allgemeinen Vue-Objekt.

2. Die im Status gespeicherten Daten reagieren. Vue-Komponenten lesen Daten aus dem Store. Wenn sich die Daten im Store ändern, werden auch die Komponenten aktualisiert, die von diesen Daten abhängen.

3. Es ordnet den globalen Status und die Getter über mapState den berechneten Eigenschaften der aktuellen Komponente zu.

Was ist die Getter-Funktion von Vuex?

1. Getter können Berechnungen für den Status durchführen, der die berechnete Eigenschaft von Store ist.

2. Obwohl Sie Eigenschaften auch innerhalb einer Komponente berechnen können, können Getter zwischen mehreren Komponenten wiederverwendet werden

3. Wenn ein Status nur in einer Komponente verwendet wird, sind Getter nicht erforderlich.

Was ist die Messfunktion von Vuex?

1. Eine Mutation ist ein Objekt, das mehrere Methoden (Rückruffunktionen) enthält, die den Status direkt aktualisieren.

2. Es kann nur synchroner Code eingefügt werden, asynchroner Code kann nicht geschrieben werden

Was ist die Aktionsfunktion von Vuex?

1. Aktion ist ähnlich wie Mutation, aber der Unterschied ist:

2. Die Aktion übermittelt eine Mutation, anstatt den Status direkt zu ändern.

3. Aktion kann jede asynchrone Operation enthalten

Wann sollte ich Vuex verwenden?

Obwohl Vuex uns bei der Verwaltung gemeinsamer Zustände helfen kann, bringt es auch mehr Konzepte und Frameworks mit. Hierzu ist eine Abwägung kurzfristiger und langfristiger Vorteile erforderlich.

Wenn Sie nicht vorhaben, eine große Einzelseitenanwendung zu entwickeln, kann die Verwendung von Vuex umständlich und überflüssig sein. Es stimmt – wenn Ihre App einfach genug ist, sollten Sie Vuex wahrscheinlich besser nicht verwenden. Ein einfacher globaler Event-Bus ist alles, was Sie brauchen. Wenn Sie jedoch eine mittelgroße bis große Einzelseitenanwendung erstellen müssen, werden Sie höchstwahrscheinlich darüber nachdenken, wie Sie den Status außerhalb der Komponente besser verwalten können. In diesem Fall ist Vuex die naheliegende Wahl.

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!