hello/frontend/admin/index.js

/**
 * Hello Module - 示例扩展模块
 * 
 * 这是一个完整的示例，展示如何在 six-shop/hello 扩展包中实现前端模块化
 */

export default {
  // 路由配置 - 单个路由对象
  routes: {
    path: '/hello',
    name: 'HelloModule',
    component: () => import('@/layout/index.vue'),
    redirect: '/hello/index',  // 添加默认重定向
    meta: {
      title: 'Hello 示例',
      icon: 'Sunny',
      permission: 'hello',
      priority: 50  // 中等优先级
    },
    children: [
      {
        path: 'index',
        name: 'HelloIndex',
        component: () => import('./views/Index.vue'),
        meta: {
          title: '你好世界',
          icon: 'Home'
        }
      },
      {
        path: 'about',
        name: 'HelloAbout',
        component: () => import('./views/About.vue'),
        meta: {
          title: '关于模块',
          icon: 'InfoFilled'
        }
      },
      {
        path: 'demo',
        name: 'HelloDemo',
        component: () => import('./views/Demo.vue'),
        meta: {
          title: '功能演示',
          icon: 'Grid',
          keepAlive: true  // 启用页面缓存
        }
      }
    ]
  },
  
  // 菜单配置 - 与路由对应
  menus: [
    {
      path: '/hello',
      title: 'Hello 示例',
      icon: 'Sunny',
      permission: 'hello',
      children: [
        {
          path: '/hello/index',
          title: '你好世界',
          icon: 'Home'
        },
        {
          path: '/hello/about',
          title: '关于模块',
          icon: 'InfoFilled'
        },
        {
          path: '/hello/demo',
          title: '功能演示',
          icon: 'Grid'
        }
      ]
    }
  ]
}