vue中多个在不用页面上要怎么指定路由？

Question

首先在App.vue中有一个<router-view/>了，然后还有另一个Home.vue，里面也有一个<router-view>

路由配置如下：

{
     path: '/',
     name: 'Home',
     component:  () => import('@/views/Home.vue')
}

当访问/时，将Home.vue渲染到App.vue组件中，然后再将Test.vue组件渲染到Home.vue中，这时要怎么配置路由才能将Test.vue渲染到Home.vue中

Answer 1

{

 path: '/',
 name: 'Home',
 component:  () => import('@/views/Home.vue'),
 children:[
    {
        path:'test'
        name: 'Test',
        component:  () => import('@/views/Test.vue'),
    }
 ]

}