封装keepAlive缓存操作

+import { mainStore } from '@/utils/generatePackage.js'
+
+// 删除 keep-alive 缓存
+export const store = mainStore();
+
+export const killPages = () => {
+  store.changeKeepPages();
+}
+
+export const addPages = () => {
+  store.keepThisPage();
+}

@@ -44,18 +44,18 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { _, mainStore } from '@/utils/generatePackage'
+import { _ } from '@/utils/generatePackage'
 import { no_image, icon_avatar } from '@/utils/generateIcons'
 import { no_image, icon_avatar } from '@/utils/generateIcons'
 import { MyButton, ShortcutFixed, BookCard } from '@/utils/generateModules'
 import { MyButton, ShortcutFixed, BookCard } from '@/utils/generateModules'
 import { styleObject3 } from '@/settings/designSetting.js'
 import { styleObject3 } from '@/settings/designSetting.js'
 import { useBookList, useShortcutBar } from '@/composables';
 import { useBookList, useShortcutBar } from '@/composables';
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
+import { killPages, store } from '@/hooks/useKeepAlive'
 
 
 const go = useGo()
 const go = useGo()
 
 
 // 删除所有的 keep-alive 缓存
 // 删除所有的 keep-alive 缓存
-const store = mainStore()
-store.changeKeepPages();
+killPages();
 // 清空记录位置
 // 清空记录位置
 store.changeScrollTop(0);
 store.changeScrollTop(0);
 
 

@@ -15,14 +15,13 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { mainStore } from '@/store'
 import RightSideList from '@/components/RightSideList/index'
 import RightSideList from '@/components/RightSideList/index'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
+import { killPages } from '@/hooks/useKeepAlive'
 
 
 const go = useGo()
 const go = useGo()
 // 删除所有的 keep-alive 缓存
 // 删除所有的 keep-alive 缓存
-const store = mainStore()
-store.changeKeepPages();
+killPages();
 </script>
 </script>
 
 
 <script>
 <script>

@@ -19,7 +19,6 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { mainStore } from '@/store'
 import Cookies from 'js-cookie'
 import Cookies from 'js-cookie'
 import 'animate.css';
 import 'animate.css';
 import MyButton from '@/components/MyButton/index.vue'
 import MyButton from '@/components/MyButton/index.vue'
@@ -27,13 +26,13 @@ import { onMounted } from 'vue'
 import { useGo, useReplace } from '@/hooks/useGo'
 import { useGo, useReplace } from '@/hooks/useGo'
 // 自定义按钮颜色样式
 // 自定义按钮颜色样式
 import { styleObject1, styleObject2 } from '@/settings/designSetting.js'
 import { styleObject1, styleObject2 } from '@/settings/designSetting.js'
+import { addPages } from '@/hooks/useKeepAlive'
 
 
 const go = useGo();
 const go = useGo();
 const replace = useReplace();
 const replace = useReplace();
 
 
 // TAG: keepAlive 缓存页面
 // TAG: keepAlive 缓存页面
-const store = mainStore();
-store.keepThisPage();
+addPages();
 
 
 onMounted(() => {
 onMounted(() => {
   // 判断微信授权状态，进入页面时未授权需要授权跳转
   // 判断微信授权状态，进入页面时未授权需要授权跳转

@@ -59,22 +59,19 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { mainStore } from '@/store'
 import { storeToRefs } from 'pinia'
 import { storeToRefs } from 'pinia'
-
 import VideoCard from '@/components/VideoCard/index.vue'
 import VideoCard from '@/components/VideoCard/index.vue'
 import icon_avatar from '@images/que-touxiang@2x.png'
 import icon_avatar from '@images/que-touxiang@2x.png'
 import no_image from '@images/que-shuju@2x.png'
 import no_image from '@images/que-shuju@2x.png'
-
-import { ref, onActivated, onMounted } from 'vue'
-import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
+import { ref, onActivated } from 'vue'
+import { useRoute, onBeforeRouteLeave } from 'vue-router'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
 import _ from 'lodash';
 import _ from 'lodash';
 import $ from 'jquery'
 import $ from 'jquery'
 import { Toast } from 'vant';
 import { Toast } from 'vant';
+import { addPages, store } from '@/hooks/useKeepAlive'
 
 
 const $route = useRoute();
 const $route = useRoute();
-const $router = useRouter();
 
 
 const userInfo = ref({});
 const userInfo = ref({});
 // 因为不能让空图标提前出来的写法
 // 因为不能让空图标提前出来的写法
@@ -138,8 +135,7 @@ const followUser = (status) => {
 /****************** keepAlive 模块 *******************/
 /****************** keepAlive 模块 *******************/
 
 
 // TAG: keepAlive 缓存页面
 // TAG: keepAlive 缓存页面
-const store = mainStore();
-store.keepThisPage($route.meta.name);
+addPages()
 const scrollY = ref(0)
 const scrollY = ref(0)
 
 
 onActivated(() => { // keepAlive 重置后执行回调
 onActivated(() => { // keepAlive 重置后执行回调

@@ -64,6 +64,7 @@ import { useRoute, useRouter } from 'vue-router'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
 import _ from 'lodash'
 import _ from 'lodash'
 import { Toast } from 'vant';
 import { Toast } from 'vant';
+import { addPages, store } from '@/hooks/useKeepAlive'
 
 
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
@@ -207,8 +208,7 @@ const onClick = (item) => {
 /****************** keepAlive 模块 *******************/
 /****************** keepAlive 模块 *******************/
 
 
 // TAG: keepAlive 缓存页面
 // TAG: keepAlive 缓存页面
-const store = mainStore();
-store.keepThisPage($route.meta.name);
+addPages();
 
 
 onActivated(() => { // keepAlive 重置后执行回调
 onActivated(() => { // keepAlive 重置后执行回调
 });
 });

@@ -87,9 +87,9 @@
 </template>
 </template>
 
 
 <script setup>
 <script setup>
-import { ref, reactive, onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
 import { useRouter } from 'vue-router'
-import { _, mainStore } from '@/utils/generatePackage.js'
+import { _ } from '@/utils/generatePackage.js'
 import { MyButton, NoticeOverlay } from '@/utils/generateModules.js'
 import { MyButton, NoticeOverlay } from '@/utils/generateModules.js'
 import { icon_avatar } from '@/utils/generateIcons.js'
 import { icon_avatar } from '@/utils/generateIcons.js'
 import { changePerformerAPI, myInfoAPI, myPerformerAPI } from '@/api/C/me.js'
 import { changePerformerAPI, myInfoAPI, myPerformerAPI } from '@/api/C/me.js'
@@ -97,13 +97,13 @@ import meRoute from '@/router/routes/modules/me'
 // 自定义按钮颜色样式
 // 自定义按钮颜色样式
 import { styleObject1, styleObject4, styleObject5, styleObject6 } from '@/settings/designSetting.js'
 import { styleObject1, styleObject4, styleObject5, styleObject6 } from '@/settings/designSetting.js'
 import { useGo } from '@/hooks/useGo'
 import { useGo } from '@/hooks/useGo'
+import { killPages } from '@/hooks/useKeepAlive'
 
 
 const go = useGo();
 const go = useGo();
 const $router = useRouter();
 const $router = useRouter();
 
 
 // 删除 keep-alive 缓存
 // 删除 keep-alive 缓存
-const store = mainStore();
-store.changeKeepPages('clear');
+killPages();
 
 
 // onBeforeRouteLeave(() => {
 // onBeforeRouteLeave(() => {
 // 重置位置缓存
 // 重置位置缓存

@@ -60,6 +60,7 @@ import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
 import axios from '@/utils/axios';
 import axios from '@/utils/axios';
 import _ from 'lodash'
 import _ from 'lodash'
 import { Toast, Dialog } from 'vant';
 import { Toast, Dialog } from 'vant';
+import { addPages, store } from '@/hooks/useKeepAlive'
 
 
 const $route = useRoute();
 const $route = useRoute();
 const $router = useRouter();
 const $router = useRouter();
@@ -161,8 +162,7 @@ const deleteComment = (item) => { // 删除评论
 /****************** keepAlive 模块 *******************/
 /****************** keepAlive 模块 *******************/
 
 
 // TAG: keepAlive 缓存页面
 // TAG: keepAlive 缓存页面
-const store = mainStore();
-store.keepThisPage($route.meta.name);
+addPages()
 
 
 onActivated(() => { // keepAlive 重置后执行回调
 onActivated(() => { // keepAlive 重置后执行回调
 });
 });

@@ -30,18 +30,14 @@ import { ref, onActivated, computed } from 'vue'
 import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
 import { useRoute, useRouter, onBeforeRouteLeave } from 'vue-router'
 import $ from 'jquery'
 import $ from 'jquery'
 import _ from 'lodash';
 import _ from 'lodash';
-import { wxInfo } from '@/utils/tools';
-
-const $route = useRoute();
-const $router = useRouter();
+import { addPages, store } from '@/hooks/useKeepAlive'
 
 
 const { onLoad, prod_list, finished, loading, finishedTextStatus, emptyStatus } = useUnwatchList();
 const { onLoad, prod_list, finished, loading, finishedTextStatus, emptyStatus } = useUnwatchList();
 
 
 /****************** keepAlive 模块 *******************/
 /****************** keepAlive 模块 *******************/
 
 
 // TAG: keepAlive 缓存页面
 // TAG: keepAlive 缓存页面
-const store = mainStore();
-store.keepThisPage($route.meta.name);
+addPages()
 
 
 onActivated(() => { // keepAlive 重置后执行回调
 onActivated(() => { // keepAlive 重置后执行回调
   // TAG: pinia应用，动态刷新数据
   // TAG: pinia应用，动态刷新数据