How to get rid of elements flickering when transitioning between vuejs components?

Question

Vue.js

Good day.
Faced this kind of problem like flickering elements (images and videos) on the page when navigating between pages in the Vue.JS library.
That is, if two pages have common components, then when switching between pages, the elements of these components flicker, as the DOM changes.
How can you get rid of this?

Answer 1

If they have common components, then they must be in the same view. Those components that change should be attached to the appropriate routes, and the view should have its own router-view. And navigation should be done using router-link, then there will be no flicker. :)