Component mounted multiple times?

Question

Vue.js

There is a component, a page with a blog post, on this page, recommended posts in the sidebar and under the post at the bottom of the page.
I just noticed that the component is loaded 2 times and sends a request for recommendations 2 times.
Why is the component reused and not from the cache?
How to prevent it?

Answer 1

Because these are 2 different component instances. The component is cached, not its state.
Out of the box, alas, there is no solution for the singleton component. If such a need arises, you will have to manually take care of ensuring the general state and the absence of unnecessary requests.