Javascript asyncData函数在NuxtJs中是如何工作的?

Javascript asyncData函数在NuxtJs中是如何工作的?,javascript,async-await,nuxt.js,Javascript,Async Await,Nuxt.js,我正在从事一个NuxtJs项目,我正在从我们的CMS获取一些数据。 我注意到以下两个电话都起作用,但我无法理解它们的区别。第一个使用“异步”和“等待”,而第二个不使用。在实践中,添加async和Wait有什么区别 async asyncData () { const data = await CMS.get.data.getList() return { data } }, async/await与asyncData()无关,async/await是处理承诺

我正在从事一个NuxtJs项目,我正在从我们的CMS获取一些数据。 我注意到以下两个电话都起作用,但我无法理解它们的区别。第一个使用“异步”和“等待”,而第二个不使用。在实践中,添加async和Wait有什么区别

async asyncData () {
    const data = await CMS.get.data.getList()
    return {
      data
    }
},

async/await与asyncData()无关,async/await是处理承诺的语法糖。否则,您会将.then()链接到一个返回承诺的函数。请看一看MDN文档->是的,谢谢,我正在阅读有关这方面的内容。我对处理异步编程的不同方法感到非常困惑(现在仍然有点困惑)。我认为,如果您不完全理解异步编程,使用Nuxt这样的框架可能有点过火。我不知道你的经验水平,所以对此持怀疑态度。许多新开发人员跳入框架是因为它们很受欢迎,但老实说,不应该这样做,从基础做起,并擅长于此。因为像Nuxt这样的框架是用于复杂的生产级产品的,所以它们抽象了很多东西,所以我们不能专注于它们。我还可以建议您看一看javascript.info和一本名为YDKJS的书。@CoodleNoodle特别是通用模式对于初学者来说是复杂的,因为有时您无法访问DOM元素,因为它会被serveside呈现,而新手不知道这一点
asyncData () {
    return CMS.get.data.getList().then((res) => {
      return {
        data: res

      }
    })
},