vuex plugin sample

vuex-plugin-sample.js

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

Vue.use(Vuex)

const incrementPlugin = store => {
  store.subscribe((mutation, state) => {
    if(mutation.type === "showCount") {
      state.count++
    }
  })
}

const store = new Vuex.Store({
  state: {
    count: 0,
    name: ""
  },
  mutations: {
    showCount(state) {
      console.log(state.count)
    },
    setName(state) {
      state.name = "hoge"
    }
  },
  plugins: [incrementPlugin]
})


// babel-node vuex-plugin-sample.js
store.commit('showCount') // 0
console.log(store.state.count) // 1
store.commit('setName')
console.log(store.state.count) // 1
console.log(store.state.name) // hoge