參考實(shí)例代碼:http://jsfiddle.net/yyx990803/L7hscd8h/
???????????????????????? http://jsfiddle.net/yyx990803/4xfa2f19/?
動(dòng)態(tài)路由:某種模式匹配到的所有路由,全都映射到同個(gè)組件
eg:
const User = { template : ' <div> User <div> '}
const router = new vueRouter({ routes : [{
???? path : ' /user/:id ',???????? // 動(dòng)態(tài)路由參數(shù),以 ‘ : ’ 開頭,當(dāng)匹配到一個(gè)路由時(shí),參數(shù)值???? 會(huì)被設(shè)置到 this.$route.params,可在每個(gè)組件內(nèi)使用(const user = { template : '<div>user {{ $route.params.id }} </div>'})下附$route參數(shù)表
???? component : User
}]})

嵌套路由 : 一個(gè)被渲染組件可以包含自己的嵌套 <router-view>
const user = { template :' <div> user {{ $route.params.id }}
???????????????????????????????????????? <router-view><router-view>
??????????????????????? </div>'}
要在頁面中渲染嵌套的 <router-view>,需要在 vueRouter 的參數(shù)中使用 children 配置

以 / 開頭的嵌套路徑會(huì)被認(rèn)為是根路徑
命名視圖:當(dāng)頁面上需要同時(shí)顯示多個(gè)視圖時(shí)。
eg:https://jsfiddle.net/posva/6du90epg/