Vue.js 2 Web Development Projects

Actions for store operations

The final element composing the store is actions. They are different from mutations, because they don't modify the state directly, but they can both commit mutations and make asynchronous operations. Similar to the mutations, actions are declared with a type and a handler. The handler can't be called directly, you need to dispatch an action type like this:

store.dispatch('action-type', payloadObject)

An action handler takes two arguments:

• context, which provides the commit, dispatch, state, and getters utilities linked to the store
• payload, which is the argument provided to the dispatch call

1. Let's add our first actions, of type 'login' and 'logout', which don't expect a payload:

 const store = new Vuex.Store({ ...