I need all the components on the site to hide before the full download of all the scripts and at this time there was a spinner on the page. After downloading the scripts, the spinner hides and displays the page content. Maybe someone worked with a high school spinner. Thank you in advance.

App.vue code:

<template> <div id="app"> <hello></hello> <rotate-square2></rotate-square2> </div> </template> <script> import {RotateSquare2} from 'vue-loading-spinner' import hello from './components/say_hello' export default { name: 'app', components: { RotateSquare2, hello } } </script> <style> .spinner { width: 80px!important; height: 80px!important; margin: 200px auto; } </style>
  • Added v-show = "is_loaded" to the spinner component and v-show = "is_loaded_1" to the content. When creating the page, I assign the is_loaded: true, is_loaded_1: false Then I write to the event "mount": this.is_loaded: false, this.is_loaded_1: true - Sasha Lyamin

0