logo

该视频仅会员有权观看

立即开通课程「Nuxt.js 前端应用开发实践」权限。

¥
199
/ 年

在 Nuxt 应用里使用异步数据(useAsyncData)

在nex应用中,可以通过u a think data处理异步数据。它接受两个参数:第一个是一个唯一的key以避免重复请求,第二个参数是一个handler函数,返回需要的异步数据。可以使用dollar fetch请求数据,然后对u c i data a返回的数据进行解构,获取到的数据可以赋予新名字如postpending指示加载状态,refresh用于重新获取数据,air用于指示请求是否出错。还可以设定lazy参数为true以避免导航阻塞,直到有有效数据再导航至内容列表页面。如果数据为null则不显示内容列表项,而是显示加载状态。使用v if指令处理数据显示和加载中状态,在有数据后利用这些数据展示界面。