nuxt主路由怎么有自己的组件呢？

Question

如图，assets/路径下index.vue是主路由，他也是所有子路由的父亲组件，assets下的其它组件都是子路由（子组件），在页面到达这个页面的时候目前只展示index.vue这个组件， 不展示其它的组件，点击其它的路由也不展示index.vue这个组件，请问在nuxt里如何让子路由显示父路由的组件，父路由显示子路由的组件

{

        path:'/bd',
        redirect: '/bd/assets',
        meta: { requiresAuth: true },
        component:() => import('@/components/assets/bd.vue'),
        children: [  
           { path: "/bd/assets",component:() => import('@/components/assets/assets.vue')},
           { path: "/bd/account",component:() => import('@/components/assets/account.vue')}, 
           { path: "/bd/content",component:() => import('@/components/assets/content.vue')}, 
           { 
            path: "/bd/spread", 
            component:() => import('@/components/assets/spread.vue'),
            name:"品牌声量资产",
           }
        ] 
    },
    

之前没用nuxt的路由配置 ，求助各们大大

Answer 1

你这是跳转路由(页面)
你应该router-view 显示你的子路由(页面)

Answer 2

在你index.vue里面 写一个<router-view />