Intro to the Vue State Manager - Vuex

3.js

const store = new Vuex.Store({ 
  state: { 
    score: 0
  }, 
  mutations: { 
    SET_SCORE (state, value) { 
      state.score = value
    }
  },
  actions: {
    async setScore ({ commit }) {
      let { data } = await Axios.post('http://scoresrus.com/getScoreApi')
      if (data.status == 200) {
        commit('SET_SCORE', data.data.score)
      }
    }
  }
})

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