refactor(use-router): 重构useRouter的vue实例初始化

src/hooks/core/useRouter.ts

@@ -1,11 +1,19 @@
-import { unref, computed } from 'compatible-vue';
+import { unref, computed, getCurrentInstance, Vue } from 'compatible-vue';
 import { pageEnum } from '@/enums/pageEnum';
-import { getRuntimeVM } from '@/setup/vue/runtimeVm';
-import VurRouter from 'vue-router';
+// import { getRuntimeVM } from '@/setup/vue/runtimeVm';
+
+let runtimeVm: Vue | null = null;
+
+export function setupInitRumTimeVm() {
+  const currentInstance = getCurrentInstance();
+  if (currentInstance && !runtimeVm) {
+    runtimeVm = currentInstance;
+  }
+}
+
 export const useRouter = () => {
-  const vm = getRuntimeVM();
-  const route = computed(() => vm.$route);
-  return { routeRef: route, router: vm.$router };
+  const route = computed(() => runtimeVm!.$route);
+  return { routeRef: route, router: runtimeVm!.$router };
 };
 
 /**
@@ -24,12 +32,10 @@ export const useRedo = () => {
 export const useGo = ({
   path = pageEnum.BASE_HOME,
   replace = true,
-  router: rootRouter,
 }: {
-  router?: VurRouter;
   path?: pageEnum;
   replace?: boolean;
 } = {}) => {
   const { router } = useRouter();
-  replace ? (rootRouter || router).replace(path) : (rootRouter || router).push(path);
+  replace ? router.replace(path) : router.push(path);
 };

src/layouts/default/LayoutMenu.vue

@@ -26,14 +26,14 @@
         default: '',
       } as PropOptions<string>,
     },
-    setup(props, { root }) {
+    setup(props) {
       const { prefixCls } = useDesign('layout-menu');
 
       function handleMenuClick({ targetRoute }: { menu?: MenuItem; targetRoute: RouteConfigEx }) {
         const { path } = targetRoute;
         // const { path, meta: { frameSrc } = {} } = targetRoute;
         if (path) {
-          useGo({ path: path as pageEnum, replace: false, router: root.$router });
+          useGo({ path: path as pageEnum, replace: false });
         }
       }
       return () => {

src/layouts/default/multitabs/index.vue

@@ -49,7 +49,7 @@
       // tab切换
       function handleChange(activeKey: pageEnum) {
         activeKeyRef.value = activeKey;
-        useGo({ path: activeKey, replace: false, router: root.$router });
+        useGo({ path: activeKey, replace: false });
       }
       // 关闭当前ab
       function handleEdit(targetKey: string) {

src/setup/index.ts

@@ -6,15 +6,15 @@ import Scrollbar from '@/components/scrollbar';
 
 import '@/setup/ant-design-vue/index';
 import '@/setup/ant-design-vue/spin';
-import RunTimeVue from '@/setup/vue/setRunTimeVue';
+// import RunTimeVue from '@/setup/vue/setRunTimeVue';
 
 import './freeze/freezeWindowConfig';
 
 import { registerScriptErrorHandler } from '@/common/plugins/error-handle/index';
 export default {
   install: (Vue: VueConstructor): void => {
     Vue.use(VueCompositionAPI);
-    Vue.use(RunTimeVue);
+    // Vue.use(RunTimeVue);
 
     Vue.use(Scrollbar);
     // 使用svg sprit

src/setup/main/App.vue

@@ -12,6 +12,7 @@
 
   // hook
   import { useNetWork } from '@/hooks/event/useNetWork';
+  import { setupInitRumTimeVm } from '@/hooks/core/useRouter';
   import { useInitProjCfg } from './useInitApp';
   import { appStore } from '@/store/modules/app';
 
@@ -27,6 +28,7 @@
   export default defineComponent({
     name: 'App',
     setup(_, { root }) {
+      setupInitRumTimeVm();
       // 检测网络状态
       useNetWork({
         onLineFn: () => {