Vue.js how to delay transition while page is loading?

Question

Vue.js

I'm doing a Spa on vue.js when navigating through the pages, for a moment you can see how the background image did not appear, and so on. How to delay while the page is loading? Here's how on regular sites, after clicking on the link, it does not immediately go

Answer 1

Create an animation curtain that closes all content and manipulate it through the page's beforeEnter in vue-router

Answer 2

Example .