mapactions vuex code example

Example 1: vuejs typescript mapactions

import { Action } from 'vuex-class'

@Component()
export default class UsersAdd extends Vue {
  userName: string = "";

  @Action('newUser')
  newUser!: (newUser: string) => void
  addUser() {
    console.log("...adding new user");
    this.newUser(this.userName);
  }
}

Example 2: vuex mapgetters

import { mapGetters } from 'vuex'

export default {
  // ...
  computed: {
    // mix the getters into computed with object spread operator
    ...mapGetters([
      'doneTodosCount',
      'anotherGetter',
      // ...
    ])
  }
}

Example 3: vue store access state in actions

actions: {
  actionName ({ commit, state }, payload) {
    console.log(state)
  }
}