vue路由嵌套

     我们知道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}]}
	]
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值