vue ui

Author: yihango

ui/vue-ui/src/app/app.routing.ts

@@ -1,18 +1,24 @@
 import { RouteRecordRaw } from "vue-router";
-import { LayoutDefault } from "/@/layout";
+import dashboard from "./dashboard/dashboard.vue";
 
 const AppRouting: RouteRecordRaw[] = [
   {
     path: '/app',
-    component: LayoutDefault,
+    name: 'app',
+    component: () => import('./app.vue'),
     redirect: '/app/dashboard',
     children: [
       {
         path: 'dashboard',
         name: 'dashboard',
-        component: import('./dashboard/dashboard.vue')
+        component: () => import('./dashboard/dashboard.vue')
       }
     ]
+  },
+  {
+    path: '/dashboard',
+    name: 'dashboard',
+    component: dashboard
   }
 ]
 

ui/vue-ui/src/app/app.vue

@@ -0,0 +1,16 @@
+<template>
+  <layout-default></layout-default>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+import { LayoutDefault } from '../layout';
+export default defineComponent({
+  components: {
+    LayoutDefault
+  },
+  mounted() {
+    debugger
+  }
+})
+</script>

ui/vue-ui/src/app/dashboard/dashboard.vue

@@ -1,14 +1,16 @@
 <template>
   <div>
-    <h1>layout-default</h1>
-    <router-view />
+    <h1>dashboard</h1>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
 export default defineComponent({
   name: 'dashboard',
+  mounted() {
+    debugger
+  }
 })
 </script>
 

ui/vue-ui/src/layout/default/layout-default.vue

@@ -8,7 +8,10 @@
 <script lang="ts">
 import { defineComponent } from 'vue';
 export default defineComponent({
-  name: 'layout-default',
+  // name: 'layout-default',
+  mounted() {
+    debugger
+  }
 })
 </script>
 

ui/vue-ui/src/main.ts

@@ -40,11 +40,13 @@ async function bootstrap() {
   await setupI18n(app);
 
   // Configure routing
+  const aaa = AppRootRouting;
+  debugger
   app.use(AppRootRouting);
   // setupRouter(app);
 
   // router-guard
-  setupRouterGuard(router);
+  // setupRouterGuard(router);
 
   // Register global directive
   setupGlobDirectives(app);

ui/vue-ui/src/root.routing.ts

@@ -3,7 +3,7 @@ import { AppRouting } from './app';
 
 
 const AppRootRouting = createRouter({
-  history: createWebHistory(import.meta.env.VITE_PUBLIC_PATH),
+  history: createWebHashHistory(import.meta.env.VITE_PUBLIC_PATH),
   routes: [
     ...AppRouting
   ],

ui/vue-ui/src/root.vue

@@ -1,7 +1,9 @@
 <template>
+  <div>{{ title }}</div>
   <config-provider :locale="getAntdLocale">
     <app-provider>
-      <router-view />
+      <!-- <router-view /> -->
+      <RouterView/>
     </app-provider>
   </config-provider>
 </template>