How to implement this through vue routes?

Question

Vue.js

There is a template (I don’t know how to name it correctly) and it contains a point for components (router-view). How can I make the /register and /login routes open in this template (I already did it), and for example /app without this template?

Answer 1

Option 2:
1) Connect the required template component in the page components. That is, in your case, in those components that are shown on the /register and /login routes, add a template component.

<template>
  <layout-custom>
    <!-- тут код компонентов -->
  </layout-custom>
</template>

But in this case, you need to specify in the template not router-view, but slot.
2) Do it through the router settings:

const router = new Router({
  routes: [
    {
      // Без шаблона
      path: '/app',
      component: AppPage,
    },
    {
      // С шаблоном
      path: '/',
      component: LayoutCustom,
      children: [
        {
          path: '/register',
          component: RegisterPage,
        },
        {
          path: '/login',
          component: LoginPage,
        }
      ], 
    },
  ],
});

Answer 2

This template is the root entry point It is
used essentially as a layout, and the pages themselves on a certain template are its child pages
For an example of implementation, see nuxt js