vue的created方法异步执行函数

Question

问题描述

vue的created方法中的函数执行顺序。

相关代码

 created() {
    this.fetchMinerTypesList()
    this.fetchCoinsList()
    this.fetchMiners()
    console.log(this.$route.query)
    this.fetchMinersList()
  },

你期待的结果是什么？实际看到的错误信息又是什么？

希望在this.fetchMinerTypesList()和 this.fetchCoinsList()两个函数执行完，再执行this.fetchMiners()；最后执行this.fetchMinersList()。

Answer 1

可以使用async/await

 async created() {
    await this.fetchMinerTypesList()
    await this.fetchCoinsList()
    await this.fetchMiners()
    await this.fetchMinersList()
  },