添加Caches缓存(发现/推荐 页面)

src/views/discover/Recommend.vue

@@ -216,7 +216,7 @@ import {
 import pubsub from "pubsub-js";
 import ArtistsSpan from "@/components/ArtistsSpan.vue";
 
-console.log("recommend 初始化");
+// console.log("recommend 初始化");
 
 const store = useStore();
 
@@ -224,39 +224,47 @@ const play = (id) => {
   pubsub.publish("zp.play", { id, im: true });
 };
 
-//#region 初始载入数据
-//轮播图片
+
+//#region 轮播图片
 let banners = ref([]);
+banners.value = store.getters.cache('banners')
 getBanner(0)
   .then((res) => {
     banners.value = res.data.banners;
+    store.commit("saveCaches", {
+      banners: { data: banners.value, time: Date.now() },
+    });
     // console.log(banners.value);
   })
   .catch((err) => {
     console.log("getBanner err", err);
   });
 
+//#endregion
+
+//#region 最新音乐
 let topSongs = ref([]);
+// topSongs.value = store.getters.cache('topSongs')
+if(store.getters.cache('topSongs'))
+{
+  topSongs.value = store.getters.cache('topSongs')
+  console.log('载入Caches');
+}
 //最新音乐
 getTopSong()
   .then((res) => {
     topSongs.value = res.data.data.filter((item, index) => {
       return index < 10;
     });
+    store.commit("saveCaches", {
+      topSongs: { data: topSongs.value, time: Date.now() },
+    });
     // console.log(topSongs.value);
   })
   .catch((err) => {
     console.log("getTopSong err", err);
   });
 
-
-// onMounted(() => {
-//   console.log("onMounted");
-// });
-// onUnmounted(() => {
-//   console.log("卸载组件");
-// });
-
 function songAlias(alias) {
   if (alias.length > 0) return "[" + alias.join(",") + "]";
 }
@@ -269,27 +277,40 @@ function songArtists(artists) {
       .join(" ");
   }
 }
-//推荐歌单
+//#endregion
+
+//#region 推荐歌单
 let personalized = ref([]);
+personalized.value = store.getters.cache('personalized')
 getPersonalized(8)
   .then((res) => {
     personalized.value = res.data.result;
+    store.commit("saveCaches", {
+      personalized: { data: personalized.value, time: Date.now() },
+    });
     // console.log(personalized.value);
   })
   .catch((err) => {
     console.log("getPersonalized err", err);
   });
-//推荐MV
+//#endregion
+
+//#region 推荐MV
 let personalizedMV = ref([]);
+personalizedMV.value = store.getters.cache('personalizedMV')
 getPersonalizedMV()
   .then((res) => {
     personalizedMV.value = res.data.result;
+    store.commit("saveCaches", {
+      personalizedMV: { data: personalizedMV.value, time: Date.now() },
+    });
     // console.log(personalized.value);
   })
   .catch((err) => {
     console.log("getPersonalizedMV err", err);
   });
 //#endregion
+
 </script>
 
 <style lang="less" scoped>