NOTE

pages/state-counters.vue

<template>
  <div>
    <div>
      <stateCounter/>
      <stateCounter/>
      <stateCounter/>
    </div>
  </div>
</template>

<script>

import StateCounter from '~/components/stateCounter.vue'

export default {
  components: {
    StateCounter
  }
}
</script>

components/stateCounter.vue

<template>
  <div>
    <div>
      <h1> {{ count }} </h1>
      <input type="button" @click="incrementCounter" value="Increment!">
    </div>
  </div>
</template>

<script>

export default {
  computed: {
    count () {
      return this.$store.state.increments.count
    }
  },
  methods: {
    incrementCounter (e) {
      this.$store.commit('increments/increment')
    }
  }
}
</script>

<style>
body {
  text-align: center;
}
</style>

store/increments.js

export const state = () => ({
  count: 1
})

export const mutations = {
  increment (state) {
    state.count++
  },
}

View

Original by Github issue