vue跳转子路由的问题

Question

在vue中跳转指定的子路由成功，但是却不能显示自己的内容，反而显示的是父路由的内容容？

一、从header.vue开始跳转

<router-link to="/manage/user" target="_blank">

<span>个人资料</span>

</router-link>
二、路由配置
router.js里面的配置:

const manage = r => require.ensure([],() => r(require('../pages/manage/manage')),'manage');
const user = r => require.ensure([],() => r(require('../pages/manage/children/user')),'user');

path: '/',
component: App, 
children:[
    {
        path: '',
        redirect: '/home'
    },
    {
        path: '/manage',
        component: manage,
        children: [
            {
                path: 'user',
                component: user
            }
        ]
    }
]

三、出现的问题

点击'个人资料'后，路由成功跳转http://www.blog.com:8089/manage/user，但是显示的却是http://www.blog.com:8089/manage的内容，有没有遇到这种情况的帮忙解答下？非常感谢！！

Answer 1

manage. vue中没有使用router-view可能会导致这个问题

Answer 2

确实，在manage.vue中使用router-view就会解决上面的问题。
开始我以为跳转http://www.blog.com:8089/manage/user这个路由就是重新打开user.vue页面，
和manage.vue没有关系，修改了之后，发现了实际上是把user.vue页面加载到manage.vue上，
此时user.vue相当于一个模板，只是这个模板比较特殊，它没有用import和components引入的定义，
而是使用了<router-view></router-view>,他们的关系相当于manage.vue和App.vue的关系。

Answer 3

那如何隐藏父级页面呢