详解Nuxt.js 实战集锦(5)

如果组件不是和路由绑定的页面组件,原则上是不可以使用异步数据的。因为 Nuxt.js 仅仅扩展增强了页面组件的data方法,使得其可以支持异步数据处理。

对于非页面组件,有两种方式可以实现数据的异步获取:

在组件的mounted方法里面实现异步获取数据的逻辑,之后设置组件的数据,限制是:不支持服务端渲染。

在页面组件的asyncData或fetch方法中进行API调用,并将数据作为props传递给子组件。服务器渲染工作正常。缺点:asyncData或页面提取可能不太可读,因为它正在加载其他组件的数据。

总之,使用哪种方法取决于你的应用是否需要支持子组件的服务端渲染。

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/aa90a1ff7a9988f670c7a851cff6a1f5.html