How to put one Layout inside another in vue?

Question

JavaScript

Hello, there is a layout and inside it you need to place another layout so that this layout switches when you select some link in the top layout navbar (2 links). The routes, respectively, should also be like this:
for the top layout:
/topLayout
for the bottom layout:
/topLayout/botlayout
How can this be implemented?

Answer 1

If vue-router is used, then in the top it's just , and in it's just:<router-view>routes

{
  path: '/topLayout',
  component: 'topLayout',
  children: [
    {
      path: ':botlayout?',
      component: 'botlayout',
    },
  ]
}

Answer 2

I think all the answers to the questions will be here: https://router.vuejs.org/en/guide/