/** * 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' } ] } ] }