Route animation in vue?

Question

Vue.js

I already asked a similar question, and the question was almost solved. However, with a simple application of the transition property, the following happens:

• Click on route
  
• Initial content disappears with a given animation
  
• The content of the desired route appears with the specified animation
  

Is it possible to make the content go sequentially one after another? To put it very roughly, we need a kind of full-screen slider, but with routes.

Answer 1

https://jsfiddle.net/gcybmo64/