Nuxt.js asyncData 方法

asyncData 方法

你可能想要在服務(wù)器端獲取并渲染數(shù)據(jù)。Nuxt.js添加了asyncData方法使得你能夠在渲染組件之前異步獲取數(shù)據(jù)。

• 類(lèi)型： Function

asyncData方法會(huì)在組件（限于頁(yè)面組件）每次加載之前被調(diào)用。它可以在服務(wù)端或路由更新之前被調(diào)用。在這個(gè)方法被調(diào)用的時(shí)候，第一個(gè)參數(shù)被設(shè)定為當(dāng)前頁(yè)面的上下文對(duì)象，你可以利用 asyncData方法來(lái)獲取數(shù)據(jù)并返回給當(dāng)前組件。

export default {
  data () {
    return { project: 'default' }
  },
  asyncData (context) {
    return { project: 'nuxt' }
  }
}

注意：由于asyncData方法是在組件 初始化 前被調(diào)用的，所以在方法內(nèi)是沒(méi)有辦法通過(guò) this 來(lái)引用組件的實(shí)例對(duì)象。