Router Vue para Menu | Vue.js parte 2: construindo Single Page Applications

1
resposta

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

03/09/2018

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