title: Vue.js: How to show loading statement instead of white page before application loads
body: <p>When a new Vue.js page is opened, a white page appears for a while until the whole application loads.
  I tried many times to put the loading statement first with the traditional way, but the problem is that even the loading statement needs a while to load and appear, to replace the white page.</p>
  
  <pre><code>&lt;div id="app"&gt;
      &lt;template&gt;
    &lt;div id="app"&gt;
      &lt;v-app&gt;
        &lt;navbar&gt;&lt;/navbar&gt;
  
        &lt;v-content class="mx-sm-12 mt-8 mx-1"&gt;
          &lt;router-view /&gt;
        &lt;/v-content&gt;
      &lt;/v-app&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import navbar from "./components/navbar";
  
  export default {
    components: {
      navbar
    }
  }
  &lt;/script&gt;
  </code></pre>