Whenever a new Vue.js page is accessed, there is a brief moment where a blank, white page is displayed until the entire application finishes loading. I have attempted multiple times to display a loading message first using the traditional method, but even that message takes some time to appear and replace the blank page.
<div id="app">
<template>
<div id="app">
<v-app>
<navbar></navbar>
<v-content class="mx-sm-12 mt-8 mx-1">
<router-view />
</v-content>
</v-app>
</div>
</template>
<script>
import navbar from "./components/navbar";
export default {
components: {
navbar
}
}
</script>