Coloquei no path do Home "/" e consegui o mesmo resultado, há algum problema em fazer assim?
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!
Coloquei no path do Home "/" e consegui o mesmo resultado, há algum problema em fazer assim?
Oi Rafael, tudo bem ?
Acredito que não tenha tanto problemas.
Neste exato momento, não irá ocorrer nenhum problema, pois o professor não utilizou nenhum css para dizer em qual página você está.
Imagine que você está usando o componente navbar do Bootstrap. Neste navbar possui dois links, Link-01 e Link-02.
O Link-01 possui o path: '/' e o Link-02 possui o path: '/clients'
Geralmente usamos a classe "active" do Bootstrap para saber em qual página estamos.
Imagine que o background-color do link irá ficar azul.Se você clicar no Link-01 ele irá ficar da cor azul.
Se você clicar no Link-02 ele irá ficar da cor azul, entretanto, o Link-01 também irá ficar azul.
Isso ocorre porque no momento que você define o path: '/', o Vue irá "interpretar" também todas as outras rotas que começam com '/', fazendo com que a class fique ativa nas duas rotas.
Você pode contornar este problema usando o mesmo processo que o Professor usou, ou então usando exact
Exemplo:
<router-link to="/" tag="li" active-class="active" exact>