export default new Router({
mode:"hash",
routes:[
{path:"/",redirect:"/home"},
{
path:"/home",
name:"home",
component:Home,
children:[
/*{path:"/home",redirect:"/home/news"},
{path:"/home/news",name:"news",component:News},
{path:"/home/shop",name:"shop",component:Shop},*/
/* path不能这样写:/news /表示根 所以在写路由的时候要么带/把路径写全,要么不带/ */
{path:"/home",redirect:"/home/news"},
// 叫路由的懒加载(当路径匹配到了,才去加载组件)component:()=>import("../views/News")
{path:"news",name:"news",component:()=>import("../views/News")},
{path:"shop",name:"shop",component:()=>import("../views/Shop")},
]
},
{path:"/about",name:"about",component:About},
{path:"/mine",name:"mine",component:Mine},
]
})
vue中路由的嵌套及懒加载
最新推荐文章于 2021-12-06 21:22:02 发布