How to use a namespaced action in a Vue.js component

Component.vue

<template>
  <div>
    <button @click="increment">Increment</button>
  </div>
</template>

<script>
    import { mapActions } from 'vuex'
    export default{
      methods: {
            ...mapActions({
                'increment': 'namespace/actionMethod'
            })
      }
    }
</script>

Great!

Thanks!

Many thanks

Haha, Thank you for sharing!

If not changing name, can also do: // First argument for namespacing. methods: mapActions("namespace", ["actionMethod"])

Thank you very sharing, very helpful!

how to pass payload in such case?

how to pass payload in such case?

Like with any other method:
..mapActions({ increment: 'namespace/actionMethod' }) increment(payload)