vue路由嵌套

Posted 2022-12-03 u013035477

     我们知道vue是专门用来做单页面程序的即所谓的spa技术，但是我们的很多业务中肯定会有一些多页的业务逻辑那么我们该怎么实现呢，这就涉及到了我们所谓的路由嵌套！

    而在代码当中我们需要注意的地方有两点：视图包含试图以及路由父子集关系！

    视图包含视图：

       

let router = new VueRouter(
    //routes
    routes: [
            path: '/',
            components: 
                header: footer,
                default: header,
                footer: footer
            
        

    ]
);

    路由父子集关系：

     

let router=new VueRouter(
	routes:[
		path:'/',redirect:name:'music',
		name:'music',path:'/music',component:Music,
                children:[name:'music_oumei',path:'oumei',component:Oumei,name:'music_guochan',path:'guochan',component:Guochan]
	]
);