嵌套路由
路由父子关系
1>创建子组件
2>嵌套router-link标签,并嵌套router-view
3>在路由中new VueRouter()给当前路由添加子路由属性
children:[{
path:"/",
component:a
},{}]
例:在teacher中嵌套
var teacher={
template:`
<div>
<h1>teacher-list</h1>
<router-link to="/a">a------</router-link>
<router-link to="/b">b-----</router-link>
<div>
<router-view></router-view>
</div>
</div>
`
};
var a={
template:`
<div>
<h1>a-list</h1>
</div>
`
};
var b={
template:`
<div>
<h1>b-list</h1>
</div>
`
};
var router=new VueRouter({
routes:[{
path:"/student",
name:"student-a",
component:student,
},{
path:"/teacher",
name:"teacher-a",
component:teacher,
children:[{
path:"/a",
component:a
},{
path:"/b",
component:b
}]
},{
path:"/user",
name:"user-a",
component:user
}]
});