2024-06-13 19:41:57 +08:00
|
|
|
|
import { ref } from "vue"
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
2024-08-12 19:34:21 +08:00
|
|
|
|
* 该hook传入一个远程数据储存默认值以及请求服务器的异步函数，以及请求远程数据的函数
|
2025-01-28 18:13:24 +08:00
|
|
|
|
* 后续使用@tanstack/vue-query库来管理远程数据
|
2024-06-13 19:41:57 +08:00
|
|
|
|
*/
|
|
|
|
|
|
const useFetchData = (defaultValue = {}, fetDataFunc) => {
|
|
|
|
|
|
const loadingData = ref(defaultValue) // 远程请求的数据
|
|
|
|
|
|
const isDataLoading = ref(false)
|
|
|
|
|
|
// 该hook需要组件里面提供 -> fetchData的函数，返回远程请求数据的东西
|
|
|
|
|
|
/// 相当于created
|
|
|
|
|
|
async function fetchOrigin() {
|
|
|
|
|
|
isDataLoading.value = true
|
|
|
|
|
|
const res = await fetDataFunc()
|
|
|
|
|
|
loadingData.value = res.data
|
|
|
|
|
|
isDataLoading.value = false
|
|
|
|
|
|
}
|
|
|
|
|
|
fetchOrigin()
|
|
|
|
|
|
return {
|
|
|
|
|
|
loadingData,
|
|
|
|
|
|
isDataLoading
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
export default useFetchData
|
