Nuxt.js
增加了一个叫asyncData
的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据。
asyncData
方法
asyncData
方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用asyncData
方法来获取数据,Nuxt.js
会将asyncData
返回的数据融合组件data
方法返回的数据一并返回给当前组件。
async asyncData(app) {
let res = await app.$axios.get('后端请求地址', {
params: {
参数: '参数值'
}
})
return {
res.data }
}
有疑惑的朋友可以评论,一起交流,有时间会回复。