Vue.js 如何将外部布局添加到vue组件

我想将我的vue路由从/dashboards/dashboard更改为just/dashboard。如何使用此代码实现这些功能

import Layout2 from '@/layout/Layout2'

export default [
{
    path: '/dashboards',
    component: Layout2,
    children: [
    {
        path: 'dashboard',
        name: 'dashboard',
        component: () => import('@/components/dashboards/Dashboard')
    }
    ]
  }
]

我已经尝试过添加这些代码，但是如果已经添加了组件，如何添加布局2

export default [
  {
    path: '/dashboard',
    name: 'dashboard',
    component: () => import('@/components/dashboards/Dashboard')
  }
]

如果

请注意，以/开头的嵌套路径将被视为根路径 路径这允许您利用组件嵌套，而无需 使用嵌套的URL

你能行

import Layout2 from '@/layout/Layout2'

export default [
{
    path: '/',
    component: Layout2,
    children: [
    {
        path: 'dashboard',
        name: 'dashboard',
        component: () => import('@/components/dashboards/Dashboard')
    }
    ]
  }
]

---

谢谢你的帮助，并把文档链接和解释。非常感谢。