Skip to main content
2 / 2
コードスニペットを追加
harry0000
  • 2,800
  • 4
  • 18
  • 22

logを取りたいだけならpluginを使えばできそうです。

https://codepen.io/isuke/pen/jxgdVQ
こちらに書いてみました。

もう少し詳しくやりたいことを書いてもらえると、よりよい方法を教えることができるかもしれません。

const logger = store => {
  store.subscribe((mutation, state) => {
    console.log('watched: ' + state.test1.n)
  })
}

const store = new Vuex.Store({
  modules: {
    test1: {
      state: {
        n: 1
      },
      mutations: {
        increment (state) { state.n++ }
      },
      getters: {
        getN (state) { state.n }
      }
    }
  },
  plugins: [logger]
})

new Vue({
  el: '#app',
  store,
  methods: {
    up () { 
      this.$store.commit('increment') 
    } 
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuex/2.1.1/vuex.js"></script>

<div id="app">
  <button @click="up">click</button>
  {{ $store.state.test1.n }}
</div>