jeecgboot-vue3 路由学习分享

// 引入vue-router
import { createRouter, createWebHistory } from 'vue-router'
 
// 引入布局组件
import Layout from '@/layout'
 
// 定义路由配置
const routes = [
  {
    path: '/',
    name: 'Home',
    component: Layout,
    redirect: '/dashboard',
    children: [
      {
        path: 'dashboard',
        name: 'Dashboard',
        component: () => import('@/views/dashboard/index'),
        meta: { title: '首页', icon: 'dashboard' }
      }
      // ...其他子路由
    ]
  },
  // ...其他路由配置
]
 
// 创建路由实例
const router = createRouter({
  history: createWebHistory(process.env.BASE_PATH),
  routes
})
 
// 导出路由实例
export default router

这个代码实例展示了如何在jeecgboot-vue3项目中使用vue-router定义和创建路由配置。它使用了动态导入（懒加载）来提高应用的启动速度，并且演示了如何使用布局组件来构建带有面包屑导航的复杂界面。这是一个很好的学习资源，对于想要了解如何在Vue 3项目中实现路由配置的开发者来说，这是一个很好的起点。