In this recipe, we will model a fully functional human body in a slightly simplified manner. Every organ will have a separate module. Create a new Webpack template with vue init webpack and npm install vuex. Create a new directory with the src/store/index.js file in it. Inside, write the following:
import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ modules: { brain, heart }})export default store
The heart module is like this; put it before the store declaration:
const heart = { state: { loves: undefined }, mutations: { love (state, target) { state.loves = target }, unlove (state) { state.loves = undefined } }}
Note how the state passed inside the mutations is not the root state, but ...