perf: 优化 useFullscreenLoading hook 示例 (#121)

src/api/hook-demo/use-fullscreen-loading.ts

@@ -1,15 +1,17 @@
 /** 模拟接口响应数据 */
 const SUCCESS_RESPONSE_DATA = {
   code: 0,
-  data: {},
+  data: {
+    list: [] as number[]
+  },
   message: "获取成功"
 }
 
 /** 模拟请求接口成功 */
-export function getSuccessApi() {
+export function getSuccessApi(list: number[]) {
   return new Promise<typeof SUCCESS_RESPONSE_DATA>((resolve) => {
     setTimeout(() => {
-      resolve(SUCCESS_RESPONSE_DATA)
+      resolve({ ...SUCCESS_RESPONSE_DATA, data: { list } })
     }, 1000)
   })
 }

src/views/hook-demo/use-fullscreen-loading.vue

@@ -22,8 +22,11 @@ const options = {
 }
 
 const querySuccess = async () => {
-  const res = await useFullscreenLoading(getSuccessApi)()
+  // 注意：
-  ElMessage.success(res.message)
+  // 1. getSuccessApi 是一个函数而非函数调用
+  // 2. 如需给 getSuccessApi 函数传递参数，请在后面的括号中进行（真正的 getSuccessApi 调用）
+  const res = await useFullscreenLoading(getSuccessApi)([2, 3, 3])
+  ElMessage.success(`${res.message}，传参为${res.data.list}`)
 }
 
 const queryError = async () => {