How to call a vuex action in component?

@lew 

To call a Vuex action in a component, you need to use the this.$store.dispatch() method. Here's an example of how to call a Vuex action in a component:

1. Import the action in your component:

1

import { mapActions } from 'vuex'

1. Add the mapActions property to the methods section of your component:

1
2
3
4
5
6
7
8
9

export default {
  methods: {
    ...mapActions(['myAction']),
    myMethod() {
      // Call the Vuex action
      this.myAction()
    }
  }
}

1. Call the action in your component methods or lifecycle hooks:

1

this.myAction()

By following these steps, you can call a Vuex action in a component. Make sure you have defined the action in your Vuex store and have imported it into your component.