Exemplo de como fiz o método para recarregar

Olá Jair.

Tudo bem?

Pelo que entendi, você está com dúvida sobre a forma correta de recarregar um componente no Angular. Você mencionou que utilizou o método location.reload() para recarregar a página, mas está em dúvida se a utilização do Router seria mais adequada.

Na aula, o professor demonstrou duas abordagens para recarregar um componente. A primeira, utilizando o método location.reload(), recarrega a página inteira. No entanto, essa não é a abordagem ideal em uma aplicação de página única (SPA), pois pode causar uma experiência ruim para o usuário, com a página sendo recarregada completamente.

A segunda abordagem, utilizando a classe Router, é mais adequada para recarregar apenas o componente desejado. O professor mostrou como utilizar a propriedade onSameUrlNavigation para definir o comportamento desejado ao navegar para a mesma URL. No exemplo, foi utilizado o valor reload, que faz com que o componente seja recarregado sem recarregar a página inteira.

Espero ter ajudado e bons estudos!

Boa tarde Renan, acho que você não leu o que postei, em momento algum falei de location.reload() , e realmente não seria uma opção pra mim, visto que impacta a experiencia do usuário, a forma que fiz foi a seguinte: recarregarComponente(){ this.favoritos = false; this.pesquisarPensamento(); } a pergunta seria se a utilização com o Router é mais recomendada do que aproveitar os métodos manipuladores pré-existentes, já que da forma que fiz não acontece o refresh e a tela não recarrega/pisca como no caso do Router. A minha questão é quanto a boa pratica e desempenho.

Perdão. Entendi.

Se o seu objetivo é simplesmente atualizar o estado de um componente existente em resposta a uma ação do usuário e você deseja evitar o "refresh" ou "piscar" na tela, aproveitar os métodos manipuladores pré-existentes é uma abordagem razoável em termos de desempenho. Isso é particularmente útil quando não há necessidade de navegar entre páginas diferentes em seu aplicativo.

No entanto, se a sua aplicação envolve navegação entre páginas diferentes ou requer uma preservação estrita do estado entre essas páginas, o uso de um mecanismo de roteamento, como o Vue Router, é geralmente a melhor prática, mesmo que possa envolver alguma sobrecarga de desempenho em comparação com a atualização direta de componentes. O roteamento oferece uma experiência de usuário mais consistente e é mais adequado para aplicativos mais complexos com várias páginas.