vuex中的modules的基本使用

1. 創建module
   store.js

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)
const state = {
    count: 1
}
const mutations={
    add(state,n){
        state.count+=n
    },
    reduce(state,n){
        state.count-=n
    }
}
const getters={
    count(state){
        console.log(state.count)
        return state.count
    }
}
const actions={
    addAction(context){
       context.commit('add',10)
       context.commit('reduce',1)
    },
    reduceAction({commit}){
        commit('reduce',10)
    }
}
//創建module
const module={
    state,mutations,getters,actions
}
//註冊module
export default new Vuex.Store({
    modules:{a:module}
})

2. 使用module
   基本上和不使用modules無差別
   只有在使用this.$store.state時，纔會有所不同

{{$store.state.a.count}}