异步数据asyncData调用请求后端接口


Nuxt.js增加了一个叫 asyncData 的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据。


asyncData 方法


asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用 asyncData方法来获取数据,Nuxt.js 会将 asyncData 返回的数据融合组件 data 方法返回的数据一并返回给当前组件。

 async asyncData(app) {
        let res = await app.$axios.get('后端请求地址', {
            params: {
                参数: '参数值'
            }
        })
        return { res.data }
    }

有疑惑的朋友可以评论,一起交流,有时间会回复。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>