Explication détaillée de l'utilisation par Vuex des instances d'opérateur d'expansion d'objet

Scénarios d'utilisation

Lorsque vuex doit être utilisé pour la gestion de l'état des données, mapGetters, mapState et ses propres propriétés calculées seront utilisés. Cet article vous présente principalement des exemples d'utilisation de l'opérateur d'expansion d'objet dans vuex. L'éditeur pense que c'est plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence. Suivons l'éditeur pour y jeter un œil, j'espère que cela pourra aider tout le monde.

1. Vous devez d'abord installer

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

2. Vous devez ajouter ce qui suit au fichier .babelrc

{

 "presets": [

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

 ],

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

}

3. dans le composant vue

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

Recommandations associées :

Explication détaillée des règles d'opérateur et exemples de conversion de type implicite en JavaScript

php trois Explication détaillée des méta-opérateurs et if

Introduction à l'utilisation des opérateurs dans le développement PHP

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!