Detaillierte Erläuterung der Verwendung von Objekterweiterungsoperatorinstanzen durch vuex

Nutzungsszenarien

Wenn vuex für die Datenstatusverwaltung verwendet werden muss, werden MapGetters, MapState und seine eigenen berechneten Eigenschaften 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 es in der Vue-Komponente

<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>

Verwandte Empfehlungen:

Detaillierte Erläuterung der Operatorregeln und impliziter Typkonvertierungsbeispiele in JavaScript

php drei Ausführliche Erklärung der Metaoperatoren und if

Einführung in die Verwendung von Operatoren in der PHP-Entwicklung

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