25 lines
800 B
JavaScript
25 lines
800 B
JavaScript
import { ref } from "vue"
|
||
|
||
/**
|
||
* 该hook传入一个远程数据储存默认值以及请求服务器的异步函数，以及请求远程数据的函数
|
||
* 后续使用@tanstack/vue-query库来管理远程数据
|
||
*/
|
||
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
|