Предварительная выборка состояния vuex не работает

Question

У меня проблема с vuex, в моем компоненте vue я отправляю запрос на сохранение, а затем в вычисляемом хуке я отображаю состояние хранилища и в первый раз, когда он возвращает ноль, я думаю, что он начинает отображаться до сохранения состояния.

Вот код index.vue код файла,

export default {
  name: 'tab_3',
  data () {
    return {
      tableData: []
    }
  },
  beforeCreate () {
    this.$store.dispatch('registerWeb3')
    this.$store.dispatch('getContractInstance')
  },
  computed: mapState({
    coinbase: state => state.web3.coinbase,
    balance: state => state.web3.balance
  }),
  methods: {
    Func: function () {
      console.log(this.coinbase)
      console.log(this.balance)
    }
  },
  beforeMounte () {
    this.Func()
  },
  updated () {
  }
}

Вот store.js код файла:

Vue.use(Vuex)
export const store = new Vuex.Store({
  strict: true,
  state,
  mutations: {
    registerWeb3Instance (state, payload) {
      let result = payload
      let web3Copy = state.web3
      web3Copy.coinbase = result.coinbase
      web3Copy.balance = parseInt(result.balance, 10)
    },
    registerContractInstance (state, payload) {
      state.MyContract = () => payload[0]
      state.TokenContract = () => payload[1]
    }
  },
  actions: {
    registerWeb3 ({commit}) {
      getWeb3.then(result => {
        commit('registerWeb3Instance', result)
      }).catch(e => {
        console.log('error in action registerWeb3', e)
      })
    },
    getContractInstance ({commit}) {
      getContract.then(result => {
        commit('registerContractInstance', result)
      }).catch(e => console.log(e))
    }
  }
})