Ausführliche Erläuterung der Verwendung von Objekterweiterungsoperatorinstanzen in Vuex

Wenn Sie vuex für die Datenstatusverwaltung verwenden müssen, verwenden Sie mapGetters, mapState und seine eigenen berechneten Eigenschaften. Dies wird zu diesem Zeitpunkt verwendet! In diesem Artikel werden Ihnen hauptsächlich Beispiele für die Verwendung des Objekterweiterungsoperators in Vuex vorgestellt. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und schauen wir uns das an. Ich hoffe, es kann allen helfen.

1. Zuerst müssen Sie

npm install babel-plugin-transform-object-rest-spread -D

2 installieren. Sie müssen Folgendes zur .babelrc-Datei hinzufügen

{

 "presets": [

  ["env", { "modules": false }]

 ],

 "plugins": ["transform-object-rest-spread"] //增加这一行

}

3. Verwenden Sie

<script>

  import {mapState,mapGetters} from &#39;vuex&#39;

  export default {

    methods:{

      increment(){

        this.$store.commit(&#39;increment&#39;);

      }

    },

    computed:{

      ...mapGetters([

        &#39;count&#39;

      ]),

      ...mapState({

        counts(){

          return this.$store.state.count;

        }

      })

    }

  }

</script>

in Vue-Komponenten:

in JavaScript Detaillierte Erläuterung der Operatorregeln und Beispiele für implizite Typkonvertierungen

Zusammenfassung von Operatoren und Funktionen in MySQL

Detaillierte Einführung in Operatorregeln und implizite Typen in JavaScript konvertieren

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung der Verwendung von Objekterweiterungsoperatorinstanzen in Vuex. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!