How does vue apply a skeleton screen to multiple routes?

after reading many articles, the skeleton screen is applied to the first screen rendering. Generally, the skeleton screen is rendered on the-sharpapp node of the index.html page of vue, so once the first screen rendering is completed, the skeleton screen will no longer appear. Now I want to use the skeleton screen for different routing pages of a single page. I don"t know if there is any good idea to display the skeleton screen before there is no data.


if it's not the first screen, it feels like loading animation. Just use v-if to control it.

Menu