useFetch和useLazyFetch
useFetch的使用
代码语言:javascript复制 useFetch("/baidu.php?url=zym88.cn&type=Sl_Number", {
method: "get",
baseURL: "https://www.zym88.cn",
}).then(res => {
console.log(res);
});
useFetch和useLazyFetch的区别
useFetch:等到请求完毕以后,再去渲染页面
useLazyFetch:不等请求完毕,直接渲染页面
想了解更多可以看官方文档:使用useFetch
useAsyncData和useLazyAsyncData
useAsyncDatauseFetch的使用:的使用:
代码语言:javascript复制 useAsyncData("获取随机10条文章", () => {
// 此处可以编写自己的逻辑
return $fetch("/navigation/web/random?number=10", {
method: "get",
baseURL: "https://nav.zym88.cn/api"
}).then(res => {
console.log(res);
});
});
useAsyncData和useLazyAsyncData的区别
useFetch:等到请求完毕以后,再去渲染页面
useLazyFetch:不等请求完毕,直接渲染页面
想了解更多可以看官方文档:使用useAsyncData
总结
本质上useFetch和useAsyncData没有什么区别,useAsyncData可以在请求的时候编写自己的业务逻辑