Anwendung der MapState-Idee in Vuex

berechnet(){
  Anzahl1(){
    gib dies zurück.Zielobjekt.Anzahl1
  },
  anzahl2(){
    gib dies zurück.Zielobjekt.Anzahl2
  },
  // ...
  // Stell dir das vor. Sie müssen 5 oder 10 Mal ähnlichen Code schreiben}

berechnet(){
  zählen(){
    gib dies zurück.$store.count
  }
}

  var mapState = normalizeNamespace(Funktion (Namespace, Zustände) {
    // Definieren Sie ein zu speicherndes Objekt und rufen Sie das angegebene Attribut ab. var res = {};
    normalizeMap(Zustände).forEach(Funktion (Ref) {
      var Schlüssel = Ref.Schlüssel;
      var val = ref.val;
      // Definiere eine Methode, um das angegebene Attribut im angegebenen Objekt abzurufen res[key] = function mappedState () {
        var Zustand = dieser.$store.zustand;
        var getters = dies.$store.getters;
        // Suche das angegebene Store-Modulobjekt entsprechend dem Namespace if (namespace) {
          var module = getModuleByNamespace(this.$store, 'mapState', namespace);
          wenn (!Modul) {
            zurückkehren
          }
          Zustand = Modul.Kontext.Zustand;
          Getter = Modul.Kontext.Getter;
        }
        // Die Eigenschaften des Store-Moduls abrufen, indem der Namespace angegeben wird return typeof val === 'function'
          val.call(dieser, Status, Getter)
          : Zustand[Wert]
      };
    });
    // Funktionsobjekt zurückgeben return res
  });

exportiere const mapTargetValue = (nameSpace, keyList = [])=>{
  const Ergebnis = {}
  // Hinweis: Verwenden Sie keine Pfeilfunktionen für die zurückgegebene Methode, sonst erhalten Sie diese nicht
  // Zwei Formen von keyList sind hier kompatibel, siehe die Verwendungsform der Attributumbenennung in mapState if(Array.isArray(keyList)){
    keyList.forEach( Schlüssel => Ergebnis[Schlüssel] = Funktion(){ 
        // Hier nehmen wir an, dass das Namespace-Objekt direkt hiervon abgerufen werden kann // Natürlich hängt die Komplexität zum Abrufen des angegebenen Objekts von Ihrer Codelogik ab return this[nameSpace][key] || 0
    })   
  }sonst wenn(Typ der Schlüsselliste === 'Objekt' && Schlüsselliste){
    für (let key in keyList) {
      Ergebnis[Schlüsselliste[Schlüssel]] = Funktion(){ returniere dies[Namespace][Schlüssel] || 0}
    }
  }
  Ergebnis zurückgeben
}

berechnet: {
    ...mapZielwert("Zielobjekt", ["Anzahl1", "Anzahl2"]),
    ...mapZielwert("Zielobjekt", {Anzahl1: "Anzahl3",Anzahl2: "Anzahl4"}),
}