From 6771e44d7603b1d92b9ef9b5edec7560bd6288a8 Mon Sep 17 00:00:00 2001
From: alger <liuliujjjjasd@foxmail.com>
Date: Mon, 25 Oct 2021 11:16:41 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=82=E6=AD=A5=E7=BB=84=E4=BB=B6=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A6=96=E5=B1=8F=E5=8A=A0=E8=BD=BD=E9=80=9F?=
 =?UTF-8?q?=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/music.ts         |  1 -
 src/layout/AppLayout.vue |  8 +++++++-
 src/views/home/index.vue | 13 +++++++++----
 3 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/api/music.ts b/src/api/music.ts
index ac92fa0..6cb3bfc 100644
--- a/src/api/music.ts
+++ b/src/api/music.ts
@@ -1,7 +1,6 @@
 import { IPlayMusicUrl } from "@/type/music";
 import { ILyric } from "@/type/lyric";
 import request from "@/utils/request";
-
 // 根据音乐Id获取音乐播放URl
 export const getMusicUrl = (id: number) => {
   return request.get<IPlayMusicUrl>("/song/url", { params: { id: id } });
diff --git a/src/layout/AppLayout.vue b/src/layout/AppLayout.vue
index 265f28f..cc72057 100644
--- a/src/layout/AppLayout.vue
+++ b/src/layout/AppLayout.vue
@@ -30,7 +30,13 @@
 import type { SongResult } from '@/type/music';
 import { computed } from 'vue';
 import { useStore } from 'vuex';
-import { AppMenu, PlayBar, SearchBar } from './components';
+// import { AppMenu, PlayBar, SearchBar } from './components';
+import {defineAsyncComponent} from 'vue';
+const AppMenu = defineAsyncComponent(() => import('./components/AppMenu.vue'));
+const PlayBar = defineAsyncComponent(() => import('./components/PlayBar.vue'));
+const SearchBar = defineAsyncComponent(() => import('./components/SearchBar.vue'));
+
+
 
 const store = useStore();
 
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index a6b62a2..75e2b0a 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -14,10 +14,15 @@
 </template>
 
 <script lang="ts" setup>
-import RecommendSinger from "@/components/RecommendSinger.vue";
-import PlaylistType from "@/components/PlaylistType.vue";
-import RecommendSonglist from "@/components/RecommendSonglist.vue";
-import RecommendAlbum from "@/components/RecommendAlbum.vue";
+import {defineAsyncComponent} from 'vue';
+// import RecommendSinger from "@/components/RecommendSinger.vue";
+// import PlaylistType from "@/components/PlaylistType.vue";
+// import RecommendSonglist from "@/components/RecommendSonglist.vue";
+// import RecommendAlbum from "@/components/RecommendAlbum.vue";
+const RecommendSinger = defineAsyncComponent(() => import("@/components/RecommendSinger.vue"));
+const PlaylistType = defineAsyncComponent(() => import("@/components/PlaylistType.vue"));
+const RecommendSonglist = defineAsyncComponent(() => import("@/components/RecommendSonglist.vue"));
+const RecommendAlbum = defineAsyncComponent(() => import("@/components/RecommendAlbum.vue"));
 
 </script>