How to use a router-router view inside-view (not a sub-ranting)?

I'll try to describe what I want to do)
Started learning vue and wanted to make a small admin area.

Made a login form and main page of logged in user. Everything works. But, as I understand it, when switching to another route I will have to redraw the entire page, which didn't seem right when the user is already logged in.

Ie page authentication, will then registration page, password recovery etc. If you navigate between all clear, the page is redrawn.

But after authentication, the page loads logged in users, it consists of hats, sidebar menu, footer and main content.
Here the idea under the following transitions should be constantly changing content.

Code which is unloaded on git because its a lot for the posts:
https://github.com/shelestovas/vue-test

Well, in summary, the question of how more correctly to organize the structure of the application to work correctly?
Thank you!

Thought to create different instances of the vue, but something I can not figure out how to link them then
June 3rd 19 at 19:33
1 answer
June 3rd 19 at 19:35
You must be a component of the form:
<!-- index.vue -->
the <div>
<header>
the <menu>
<content>
the <router-view></router-view>
</content>
<footer>
</footer></menu></header></div>


Accordingly, when navigation will be displayed in the specified component.
Ranting should roughly look like this:

{
 path: '/',
 component: index,
 children: [
 { 
 path: 'dashboard',
 component: dashboard
},
 { 
 // other route
}
]
}
Yes, first I didn't want children using, but perhaps it is the most appropriate and correct option.
I have now such ranting
export const routes = [
{
 path: '/auth/login',
 component: Login,
 name: 'login'
},
{
 path: '/admin/dashboard',
 component: AdminLayout,
 children: [
{
 path: '/admin/dashboard',
 name: 'dashboard',
 component: Dashboard
 meta: {
 requiresAuth: true
},
},
{
 path: '/admin/users',
 name: 'users',
 component: UserLists,
},
]
}
];

Saw another SPA admin interface, like still works.
only requiresAuth: true will probably remove and add to the ranting and authentication type, isPublic: true to less adminka ranting to rule - karlie_Baumbach71 commented on June 3rd 19 at 19:38
, so I issued:
{
 path: '/admin',
 component: AdminLayout,
 redirect: { name: 'dashboard' },
 children: [
{
 path: 'dashboard',
 name: 'dashboard',
 component: Dashboard
 meta: {
 requiresAuth: true
},
},
{
 path: 'users',
 name: 'users',
 component: UserLists,
},
]
 }
- Edgar.Lesch commented on June 3rd 19 at 19:41
OK , so prettier) - karlie_Baumbach71 commented on June 3rd 19 at 19:44

Find more questions by tags LaravelVue.js