/Javascript/Vue/Vuex get data in mounted

Vuex get data in mounted

const store = new Vuex.Store({
  state: {
    globalCompanies: {
      test: null
    }
  },
  mutations: {
    setMe: (state, payload) => {
      state.globalCompanies.test = payload
    }
  },
  actions: {
    pretendFetch: ({commit}) => {
      setTimeout(() => {
        commit('setMe', 'My text is here!')
      }, 300)
    }
  }
})

new Vue({
  el: '#app',
  store,
  computed: {
    cp: function() { // computed property will be updated when async call resolves
      return this.$store.state.globalCompanies.test;
    }
  },
  watch: { // watch changes here
    cp: function(newValue, oldValue) {
      // apply your logic here, e.g. invoke your listener function
      console.log('was: ', oldValue, ' now: ', newValue)
    }
  },
  mounted() {
    this.$store.dispatch('pretendFetch');
    // console.log(this.cp, this.$store.state.globalCompanies.test); // null
    // var cn = this.$store.state.globalCompanies.test; // null
    // console.log(cn) // null
  }
})

Source: stackoverflow.com

Similar codes

5 votes243 views5 answers
Vue for loop
Javascript Vue
29 votes285 views2 answers
React or vue
Javascript Vue
31 votes297 views5 answers
Inline style vue
Javascript Vue
17 votes301 views6 answers
Vue cdn
Javascript Vue
0 vote237 views1 answer
How to get data from url in vuejs
Javascript Vue
0 vote223 views1 answer
Cargar datos de un id con inner join vue js
Javascript Vue
-1 vote279 views3 answers
Vite vue 3 create new component cli
Javascript Vue
0 vote238 views3 answers
Srcset vue
Javascript Vue
0 vote221 views1 answer
Vue.js props undefined type
Javascript Vue
1 vote241 views1 answer
Nativescript vue get native from ref
Javascript Vue