Inhaltsverzeichnis:

Wie füge ich VUEX zu Vue hinzu?
Wie füge ich VUEX zu Vue hinzu?

Video: Wie füge ich VUEX zu Vue hinzu?

Video: Wie füge ich VUEX zu Vue hinzu?
Video: Mutations und Actions in Vuex | Vue.js in a Nutshell 2024, November
Anonim

Inhalt

  1. Vue installieren .
  2. Schaffen Vue App mit CLI.
  3. Vuex installieren zur App.
  4. Hinzufügen Komponente für Zähler.
  5. Verknüpfung Vuex zur App.
  6. Erstellen Sie den Staat.
  7. Erstellen Sie die Mutationen.
  8. Aktionen erstellen.

Ebenso fragen die Leute, wie nutze 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.

Sollte ich neben dem oben genannten VUEX verwenden? Im Allgemeinen staatliche Verwaltungsbibliotheken wie VueX und Redux sollen nur bei Bedarf verwendet werden. Das bedeutet, dass Sie ohne sie starten und Ihre App, sobald sie sie wirklich braucht, ein wenig umgestalten, um sie zu integrieren VueX in.

Ebenso fragen Sie sich vielleicht, was ist der Unterschied zwischen VUE und VUEX?

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.

Was ist der VUEX-Store?

Im Zentrum von jedem Vuex Bewerbung ist die Geschäft . EIN " Geschäft " ist im Grunde ein Container, der Ihren Anwendungsstatus enthält. Vuex-Läden sind reaktiv. Wenn Vue-Komponenten den Status daraus abrufen, werden sie reaktiv und effizient aktualisiert, wenn die Shops Zustandsänderungen. Sie können das nicht direkt mutieren Shops Zustand.

Empfohlen: