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

Posted 2022-01-26 傻狍子学前端

---

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

---

asyncData 方法

---

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

---

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

---

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