How do you use mapGetters in Vuex?

vuex-local achieves simple and trackable local state management. We can define a local Vuex module in each component and it will be registered on a Vuex store. This let us use features of dev tools such as time-travel debugging for local state. In addition we can use a local module on a component in natural way.

In strict mode, whenever Vuex state is mutated outside of mutation handlers, an error will be thrown . This ensures that all state mutations can be explicitly tracked by debugging tools.

In Vuex, mutations are synchronous transactions : store. commit(‘increment’) // any state change that the “increment” mutation may cause // should be done at this moment. To handle asynchronous operations, let’s introduce Actions.

The mapGetters helper simply maps store getters to local computed properties: import { mapGetters } from ‘vuex’ export default { // … computed: { // mix the getters into computed with object spread operator … mapGetters([ ‘doneTodosCount’, ‘anotherGetter’, // … ]) } }