Разные шаблоны для vue-router?

Question

[Данил Разумков]

На сайте имеются страницы с контентом и страницы входа и регистрации. Так вот для контента используется некая статичная часть с шапкой, футером и меню, а вот на вход и регистрацию, нужна другая статичная часть. Как с помощью vue-router это сделать?
Точка входа

Роутер


Можно что то прописать в самом компоненте, что бы он использовал другой шаблон? Если нет, то как это сделать вообще?

Comments

[Roman K]

abaut :D

Answer 1

[Vitaliy]

Можно скрывать header, footer и меню по проверке $route.path, $route.name или по мета данным (что будет корректнее) $router.meta

export default new Router({
routes: [
{
    path: '/signin',
    component: SignIn
    meta: { hideHeader: true }
}
]);

<header v-if="!$route.meta.hideHeader">
...

Answer 2

[Alexander Pushkarev]

Я использую https://github.com/ktquez/vue-extend-layout для вашей задачи подойдёт. И не надо придумывать велосипеды