Vuex模块化

import Vue from "vue";
import Vuex from "vuex";

Vue.use(Vuex);

const countOptions = {
    namespaced: true,
    state: () => ({
        sum: 0
    }),

    mutations: {
        increment(state, value) {
            state.sum += value
        },
        decrement(state, value) {
            state.sum -= value
        },
        incrementOdd(state, value) {
            if (value % 2 !== 0) {
                state.sum += value
            }
        },
    },

    actions: {
        increment(context, value) {
            context.commit("increment", value);
        },
    },

// 理解为store的计算属性
    getters: {
        bigSum(state) {
            return state.sum * 10;
        },
    }
}


export default new Vuex.Store({
    modules: {
        countOptions:countOptions
    }
});