Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

tag <router-view>

A tag a abaixo tem que ser colocada em todo componente ou só no home?

<router-view></router-view>
1 resposta

Só no App.vue. Imagine a tag como um grande buraco em App.vue que será preenchido com os componentes indicados pelo sistema de rotas. Ou seja, quando usuário acessar determinada URL que conste no sistema de rotas, seu respectivo componente será carregado e exibido em App.vue dentro de <router-view>.

<!-- alurapic/src/App.vue -->
<template>
  <div class="corpo">

    <router-view></router-view>

  </div>
</template>

<script>
</script>

<style>

  .corpo {
    font-family: Helvetica, sans-serif;
    margin: 0 auto;
    width: 96%;
  }
</style>

Sucesso e bom estudo.