vue嵌套（多级）路由的两个坑

找不到组件的两个坑

1.子级路由path不能加/，否则会找不到组件
2.路由入口要写完整路径，否则会找不到组件

使用children配置项配置子路由规则

export default new VueRouter({
    routes:[
        //一级路由规则
        {
            path:'/about',
            component:About
        },
        {
            path:'/home',
            component:Home,
            //通过children配置子级路由
            children:[
            	//子级路由（二级）规则，注意路径不能加/，否则会找不到组件
                {
                    path:'news',  //不能写/news
                    component:News
                },
                {
                    path:'message',  //不能写/message
                    component:Message
                }
            ]
        }
    ]
})

路由入口

要写完整路径（加上/home），只写/news会从一级路由开始找，找不到于是不会展示组件

<router-link to="/home/news">News</router-link>