vue-router(配置子路由--單頁面多路由區域操做)

1.配置子路由：

import Post from "@components/Post"

export default new Router({

　　routers:[

　　　　{

　　　　　　path:'/',

　　　　　　component:Pos

　　　　},

　　　　{//配置自由路

　　　　　　path:'/com',

　　　　　　compontent:Com,

　　　　　　children:[

　　　　　　　　　　{

　　　　　　　　　　　　path:'/'

　　　　　　　　　　},

　　　　　　　　　　{

　　　　　　　　　　　　path:'com',

　　　　　　　　　　　　component:Com

　　　　　　　　　　}

　　　　　　　　]

　　　　}

　　]

})

 

2.單頁面多路由區域操做（頁面出現多個router-view --經過name）

<router-view></router-view>

<router-view  name="main"></router-view>

路由配置：

export default new Router({

　　routers:[

　　　　path:'/',

　　　　compontents:{

　　　　　　default:Def,

　　　　　　main:Main

　　　　}

 

　　]

});

配置中compontents:{}對象；