Вопрос про mapActions во vueX

Question

Сейчас у меня есть методы которые увеличивают/уменьшают count по клику на кнопку, вызываются методы, в которых через this.$store.dispatch обрабатываются action. Но, как тоже самое провернуть если использовать импортированный mapActions ведь просто ...mapActions(['название']), не является методом. Подскажите как реализовать, чтоб тот же функционал остался, но с использованием mapActions

<template>
   <div>
      <p>{{ `Счетчик: ${count}` }}</p>
      <button @click="neg" class="btn-negative" type="button">-</button>
      <button @click="pos" class="btn-positive" type="button">+</button>
   </div>
</template>

<script>
// import { mapActions } from 'vuex'

   export default {
      computed: {
         count() {
           return this.$store.state.count
         },
      },
      methods: { 
         pos() {
            return this.$store.dispatch('positCount')
         },
         neg() {
            return this.$store.dispatch('negativeCount')
         }
      }
   }
</script>

Answer 1

<template>
  <div>
    <p>Счетчик: {{ count }}</p>
    <button @click="() => negativeCount()" class="btn-negative" type="button">-</button>
    <button @click="() => positCount()" class="btn-positive" type="button">+</button>
  </div>
</template>

<script>
  import { mapActions } from 'vuex';

  export default {
    computed: {
      count() {
        return this.$store.state.count;
      },
    },
    methods: {
      ...mapActions([
        'positCount',
        'negativeCount',
      ]),
    },
  };
</script>

БЛОГ НА HUSL

Вопрос про mapActions во vueX

Ответы (1 шт):