素材巴巴 > 程序开发 >

nuxt.js 异步请求数据 asyncData方法

程序开发 2023-09-07 11:47:33

如果想做seo并渲染首屏的话。调用接口一定要写到asyncData中,官网是这样说的asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用 asyncData方法来获取数据并返回给当前组件。注意:由于asyncData方法是在组件 初始化 前被调用的,所以在方法内是没有办法通过 this 来引用组件的实例对象。所以在这个asyncData方法中不能使用this
info不需要 this.info因为他是组件创建之前的一个动作,asyncData会直接将变量返回到data里面,所以直接使用 info就可以
在这里插入图片描述


标签:

上一篇: 移动端通讯录相关代码 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。