Coloquei no path do Home "/" e consegui o mesmo resultado, há algum problema em fazer assim?
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>