M1cr0M1nd

import { mapGetters, mapActions } from 'vuex'

const store = new Vuex.Store({ 
  state: { 
    score: 0
  }, 
  mutations: { 
    SET_SCORE (state, value) { 
      state.count += value
    }

M1cr0M1nd

const app = new Vue({
  el: '#app',
  // provide the store using the "store" option.
  // this will inject the store instance to all child components.
  store,
  components: { ScoreDashboard },
  template: `
    <div class="app">
      <ScoreDashboard></ScoreDashboard>
    </div>

M1cr0M1nd

const ScoreDashboard = {
  template: `<div>{{ score }}</div>`,
  computed: {
    score () {
      return this.$store.state.score
    }
  },
  mounted () {
    this.$store.dispatch('setScore', 10)
  }

M1cr0M1nd

const store = new Vuex.Store({ 
  state: { 
    score: 0
  }, 
  mutations: { 
    SET_SCORE (state, value) { 
      state.score = value
    }
  },
  actions: {

M1cr0M1nd

import Vue from 'vue'
import Vuex from 'vuex'
import Axios from 'axios' // For the example only

Vue.use(Vuex)

M1cr0M1nd

const store = new Vuex.Store({ 
  state: { 
    score: 0
  }, 
  mutations: { 
    SET_SCORE (state, value) { 
      state.score = value
    }
  },
  actions: {

M1cr0M1nd

const store = new Vuex.Store({ 
  state: { 
    score: 0
  }, 
  mutations: { 
    SET_SCORE (state, value) { 
      state.score = value
    }
  }
})

M1cr0M1nd

const store = new Vuex.Store({ 
  state: { 
    score: 0
  }
})

const ScoreDashboard = {
  template: `<div>{{ score }}</div>`,
  computed: {
    score () {