Vue Js Vuex 저장소(store) 속성 및 모듈화

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

Vue.use(Vuex)

import coffee from "./modules/coffee"
import shop from "./modules/shop"

export default new Vuex.Store({
  // count state 속성 추가
  state: {
    count: 0, // count 를 0 으로 초기화
  },
  getters: {
    getCount: function (state) {
      return state.count
    },
  },
  mutations: {
    addCount: function (state, payload = 1) {
      console.log("addCount")
      return (state.count = state.count + payload)
    },
  },
  actions: {
    addCount: function (context, payload) {
      // commit 의 대상인 addCount 는 mutations 의 메서드를 의미한다.
      // 비동기 로직 수행후
      return setTimeout(function () {
        context.commit("addCount", payload.count)
      }, 1000)
    },
  },
  modules: { coffee, shop },
})