So verwenden Sie die Zusatzfunktionen von Vuex

importiere { mapState } von 'vuex'

Standard exportieren {
  // ...
  berechnet:{
     ...mapState({
         // Pfeilfunktionen können den Code prägnanter machen zählen: state => state.count,
         // Die Übergabe des String-Parameters „count“ entspricht „state => state.count“
         countAlias: 'Anzahl',

         // Um ​​`this` verwenden zu können, um den lokalen Status abzurufen, müssen Sie die reguläre Funktion countPlusLocalState (state) { verwenden.
             returniere state.count + this.localCount
         }
  	})
  }
}

//Zustand definieren
konstanter Zustand = {
    Anzahl: 1,
}

//Verwende die in der Komponente berechnete Hilfsfunktion:{
    ...mapState(['Anzahl'])
}

berechnet:{
    ...mapGetters({
      // Ordnen Sie `this.doneCount` `this.$store.getters.doneTodosCount` zu.
      erledigtAnzahl: 'erledigtTodosCount'
    })
}

berechnet:{
  berechnet: {
  // Verwenden Sie den Object Spread Operator, um Getter in das berechnete Objekt zu mischen...mapGetters([
      'erledigtTodosCount',
      'ein anderer Getter',
      // ...
    ])
  }
}

Methoden:{
    ...mapMutations({
        hinzufügen: 'Inkrement' // Ordnen Sie `this.add()` `this.$store.commit('Inkrement')` zu
    })
}

Methoden:{
    …mapMutations([
        'increment', // Ordnen Sie `this.increment()` `this.$store.commit('increment')` zu.

        // `mapMutations` unterstützt auch Payloads:
        „incrementBy“ // Ordnet „this.incrementBy(amount)“ „this.$store.commit('incrementBy', amount)“ zu.
    ]),
}

Mathematik: {
    ...mapActions({
        hinzufügen: 'Inkrement' // Ordnen Sie `this.add()` `this.$store.dispatch('Inkrement')` zu.
    })
}

Methoden:{
    ...mapActions([
        'increment', // Ordnen Sie `this.increment()` `this.$store.dispatch('increment')` zu.	
        // `mapActions` unterstützt auch Payloads:
        „incrementBy“ // Ordnet „this.incrementBy(amount)“ „this.$store.dispatch('incrementBy', amount)“ zu.
    ]),
}

dies.$store.commit('app/addCount')

berechnet: {
  ...mapState('ein/verschachteltes/Modul', {
    a: Zustand => Zustand.a,
    b: Zustand => Zustand.b
  })
},
Methoden: {
  ...mapActions('einige/verschachtelte/Module', [
    'foo', // -> dies.foo()
    'Bar' // -> diese.Bar()
  ])
}

importiere { createNamespacedHelpers } von 'vuex'

const { mapState, mapActions } = createNamespacedHelpers('some/nested/module') // Pfad angegeben // dieselbe Methode wie zuvor verwenden export default {
  berechnet: {
    // In `some/nested/module` nachschauen...mapState({
      a: Zustand => Zustand.a,
      b: Zustand => Zustand.b
    })
  },
  Methoden: {
    // Schauen Sie in `some/nested/module`...mapActions([
      'foo',
      'Bar'
    ])
  }
}