В какой секции вызывал action Vuex

«В какой секции вызывал action Vuex» — вопрос из категории Vue, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

В Vuex actions вызываются в компонентах через метод dispatch:

this.$store.dispatch('actionName', payload);

Или с помощью хелпера mapActions:

import { mapActions } from 'vuex';

export default {
  methods: {
    ...mapActions(['actionName']),
    // или с алиасом
    ...mapActions({
      myAction: 'actionName'
    })
  }
}

Actions также могут вызываться из других actions через dispatch внутри самого хранилища.