Inhaltsverzeichnis:

Wann sollten Sie VUEX verwenden?
Wann sollten Sie VUEX verwenden?

Video: Wann sollten Sie VUEX verwenden?

Video: Wann sollten Sie VUEX verwenden?
Video: DON’T SAY "JE VEUX" IN FRENCH - How to be polite in French. 2024, Kann
Anonim

Es kann in Situationen verwendet werden, in denen Sie brauchen zu Daten von einer übergeordneten Komponente übergeben zu einem oder mehrere untergeordnete Komponenten, die möglicherweise keine direkten Nachkommen des übergeordneten Elements sind.

Wofür wird VUEX dementsprechend verwendet?

Vuex ist ein Zustandsverwaltungsmuster + Bibliothek für Vue. js-Anwendungen. Es dient als zentraler Speicher für alle Komponenten einer Anwendung, wobei Regeln dafür sorgen, dass der Zustand nur auf vorhersehbare Weise verändert werden kann.

Wissen Sie auch, was der Unterschied zwischen VUE und VUEX ist? Während Vue -Instanz hat eine data-Eigenschaft, die Vuex Shop hat Zustand. Beide sind reaktiv. Und während die Instanz berechnete Eigenschaften hat, ist die Vuex store verfügt über Getters, mit denen wir auf gefilterte, abgeleitete oder berechnete Zustände zugreifen können. Die Unterschied mit dem Vuex speichern ist, dass es auch Mutationen hat.

Wie verwende ich VUEX?

Nachdem Sie das Projekt verstanden haben, müssen Sie Vuex verwenden, wenn ein bestimmter Zustand von mehreren Komponenten verwendet wird

  1. Schritt 1: Konfigurieren Sie die VueJS-Anwendung.
  2. Schritt 2: Index erstellen.
  3. Schritt 3: Erstellen Sie einen Vuex-Shop.
  4. Schritt 4: Erstellen Sie zwei Komponenten: Zähler hinzufügen und entfernen.
  5. Schritt 5: Erstellen Sie Mutationen und Aktionen.

Was ist der VUEX-Zustand?

Bundesland ist einfach ein Objekt, das die Eigenschaften enthält, die innerhalb der Anwendung geteilt werden müssen: Dies Zustand Objekt hat nur ein Zahlen-Array. Mutationen sind Funktionen, die im direkt mutierenden Speicher verantwortlich sind Zustand . In Vuex , Mutationen haben immer Zugriff auf Zustand als erstes Argument. Es gibt Aktionen, um Mutationen aufzurufen.

Empfohlen: