Nuxt.js asyncData 方法

asyncData 方法

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

• 類型： Function

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

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

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