命名沖突:username匹配的是/user/這個目錄下的所有路徑
/user/1,/user/list等都會匹配到
vue-router中有一句話: 同一個路徑可以匹配多個路由，此時，匹配的優(yōu)先級就按照路由的定義順序：誰先定義的，誰的優(yōu)先級就最高。
所以你的:username寫到第二位下面的都匹配不到
你可以試試放到最后

提醒一下，當(dāng)使用路由參數(shù)時，例如從 /user/foo 導(dǎo)航到 /user/bar，原來的組件實(shí)例會被復(fù)用。因?yàn)閮蓚€路由都渲染同個組件，比起銷毀再創(chuàng)建，復(fù)用則顯得更加高效。不過，這也意味著組件的生命周期鉤子不會再被調(diào)用。

復(fù)用組件時，想對路由參數(shù)的變化作出響應(yīng)的話，你可以簡單地 watch (監(jiān)測變化) $route 對象：

const User = {
template: '...',
watch: {

'$route' (to, from) {
  // 對路由變化作出響應(yīng)...
}

}
}
或者使用 2.2 中引入的 beforeRouteUpdate 守衛(wèi)：

const User = {
template: '...',
beforeRouteUpdate (to, from, next) {

// react to route changes...
// don't forget to call next()

}
}

這和子路由沒有直接關(guān)系的，而是路由是從上到下匹配的，你的/user/:username這個路由是能匹配到/user/task和/user/info的。會把task和info識別為username，所以要不/user/:username寫在最后面