vuejs-tabs.js

/**
* An example for how a tabbed component in Vue can be done.
*/

//VueX store
const store = new Vuex.Store({
  state: {
    user: {} // <<<--- this is object. use Vue.set() to manipulate for reactivity!!!
  },
  getters: {
    userDetailsForTab1: state => state.user.something,
    userDetailsForTab2: state => state.user.somethingElse,
    userDetailsForTab3: state => state.user.somethingOther
  },
  mutations: {
     //
  }
})

// the component used in PersonalDetails
Vue.component('tab1', {
   computed: {
        userDetails: function () {
            return this.$store.getters.userDetailsForTab1
        }
    },
    created() {
      let payload = 'someID';
      self.$store.commit('fetchData1', payload); // should trigger some mutation.
    },
    template: `<div>{{ userDetails }}</div>`
})