路由的懒加载:
先不加载组件,等匹配到之后再开始加载
代码如下:
核心代码:component:()=>import("…/views/Shop")}
{path:"shop",name:"shop",component:()=>import("../views/Shop")}
路由间的嵌套:
{
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")},
]
},