# 路由模式

# 配置文件

src/router/index.js

// 路由列表
const routes = [
	{
		path: "/",
		name: "index",
		component: () => import(`@/pages/layout/index.vue`),
		children: [
			{
				path: "/",
				name: "数据统计",
				component: () => import("@/views/home/index.vue")
			},
            ...
		]
	},
    ...
];

# 动态路由

/ 子路由都是动态加载,在 菜单列表 中配置菜单,并指向 节点路由(访问地址)文件路径(vue文件路径)

TIP

文件路径列表会自动扫描 src/viewssrc/cool/modules/**/views 下的 .{js|vue} 文件生成

文件路径也可以填写外部链接地址,系统会以 iframe 的方式加载,如下: