初始化仓库

src/bundle/demo/components/request.vue

@@ -0,0 +1,48 @@
+<script lang="ts" setup>
+import type { IFooItem } from '@/api/foo'
+import { getFooAPI } from '@/api/foo'
+
+const recommendUrl = ref('http://laf.run/signup?code=ohaOgIX')
+
+// const initialData = {
+//   name: 'initialData',
+//   id: '1234',
+// }
+const initialData = undefined
+const { loading, error, data, run } = useRequest<IFooItem>(() => getFooAPI('菲鸽'), {
+  immediate: true,
+  initialData,
+})
+
+function reset() {
+  data.value = initialData
+}
+</script>
+
+<template>
+  <view class="p-6 text-center">
+    <view class="my-2 text-center">
+      <button type="primary" size="mini" class="w-160px" @click="run">
+        发送请求
+      </button>
+    </view>
+    <view class="h-16">
+      <view v-if="loading">
+        loading...
+      </view>
+      <block v-else>
+        <view class="text-xl">
+          请求数据如下
+        </view>
+        <view class="text-green leading-8">
+          {{ JSON.stringify(data) }}
+        </view>
+      </block>
+    </view>
+    <view class="my-6 text-center">
+      <button type="warn" size="mini" class="w-160px" :disabled="!data" @click="reset">
+        重置数据
+      </button>
+    </view>
+  </view>
+</template>

src/bundle/demo/index.vue

@@ -0,0 +1,34 @@
+<route lang="jsonc" type="page">
+{
+  "layout": "default",
+  "style": {
+    "navigationBarTitleText": "分包页面"
+  }
+}
+</route>
+
+<script lang="ts" setup>
+// code here
+import RequestComp from './components/request.vue'
+</script>
+
+<template>
+  <view class="text-center">
+    <view class="m-8">
+      http://localhost:9000/#/bundle/demo/index
+    </view>
+    <view class="my-4 text-green-500">
+      分包页面demo
+    </view>
+    <view class="text-blue-500">
+      分包页面里面的components示例
+    </view>
+    <view>
+      <RequestComp />
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+//
+</style>