Solucionado (ver solução)
Solucionado
(ver solução)
7
respostas

Dividir template

Qual a melhor forma de separar templates diferentes? Tipo:

  • Template login: pág login, esqueci senha, cadastro ...
  • Template dashboard: home dashboard e todas demais paginas
7 respostas

Oi Kelvym! Você pode criar duas subpastas em sua aplicação, uma que terá toda a parte de autenticação do usuário e o restante o template dashboard. Blz?

Oi Flavio, então como seria a organização disso? Pq no momento eu tenho algo assim(no App.vue):

<template>
  <div id="wrap">
    <menu-main></menu-main>
    <div id="content-main" class="container">
      <router-view></router-view>
    </div>
  </div>
</template>

Esse menu não iria ser necessário na página de login. E o App.vue é o que carrega todos os components por causa do router-view. Como eu faria isso então?

No curso você vê que para usarmos um componente em outro precisamos importá-lo, certo? Então, você pode importar um componente de qualquer pasta, colocando o caminho correto.

solução!

Se você não quer o menu na página de login você pode usar um data binding e verificar se o usuário esta logado, se não estiver, não exibe o menu.

Então, mas eu queria dividir em templates as páginas. Ter tipo um:

App.vue

<template name="dashboard">
  <div id="wrap">
    <menu-main></menu-main>
    <div id="content-main" class="container">
      <router-view></router-view>
    </div>
  </div>
</template>

<template  name="login">
 <router-view></router-view>
</template>

E pela rota, eu falar em qual template entrar. Há algo assim pra fazer?

Até onde eu sei não dá Kelvym. Só deve haver umrouter-view por template.

Blz, obrigado Flavio!