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
Qual a melhor forma de separar templates diferentes? Tipo:
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.
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!