How to make animation for individual elements when navigating through vue-router?

Question

Vue.js

Hello, there is a task: when moving to a new page, you need to set the animation to the elements. For example, the user goes from the main page to the store page, a button is pressed and individual elements on the main page start to leave, after which the store page opens and the elements leave on it.
Any ideas how to implement this?

Answer 1

Make an exit animation on the button, then a redirect with parameters to the store page, if there are parameters, then we make the exit animation of the elements