路由配置
router文件下配置
路由懒加载,使用箭头函数访问效率更快;
使用方法一: component: () => import('../pages/home')
需要访问对应路由的时候才加载
使用方法二: component: Home
会在页面访问时全部提前加载完成
推荐使用方法一
//component: () => import('../pages/home'),
//component: Home
const routes = [
//一级路由
{
path: '/home',
name: 'home',
component: () => import('../pages/home'),
children: [
//二级路由
{
name: 'home-product',
path: 'product/:id',
component: () => import('../pages/product')
}
]
},
//访问非配置路由地址,默认访问/home
{
path: '*',
redirect: '/home'
}