Entrar Ainda não tem acesso?
1
resposta

Router Vue para Menu

Referente ao curso Vue.js parte 2: construindo Single Page Applications

por Fábio Gomes
| 5.1k xp | 10 posts

Boa tarde, recentemente efetuei os treinamentos de Vue e tenho uma duvida. Minha aplicação tem o seguinte cenário.

LoginPage faz acesso para PrincipalPage. Na PrincipalPage tenho meus componentes como MenuComponent, NavComponent.....

Porem quando eu clicar em um item do MenuComponent, gostaria de carregar a Page de destino dentro de um Root na PrincipalPage e não alterar todo conteudo. Deu para compreender?

Qual melhor forma? Obrigado

1 resposta
por Mario Souto
| 377.3k xp | 735 posts
Alura Scuba Team Instrutor e Desenvolvedor

Fala Fábio, tudo bom?

Nesse caso, você teria que colocar o seu componente Menu fora do <router-view>:

<div id="app">
  <router-view></router-view>
</div>

https://router.vuejs.org/guide/essentials/nested-routes.html