Vue.js 如何在应用程序启动前在Nuxt.js中创建预加载/启动屏幕？

我曾尝试在路由之间添加一个加载程序，如nuxt.js文档所示，但它不起作用。但我无法在应用程序启动前添加启动屏幕

mycomponents/loading.vue中的代码片段

<template>
  <div v-if="loading" class="loading-page">
    <p>Loading...</p>
  </div>
</template>

<script>
export default {
  data: () => ({
    loading: false
  }),
  methods: {
    start(){
      this.loading = true
    },
    finish(){
      this.loading = false
    }
  }
}
</script>

export default {
...

loading: '~/components/loading.vue'
...
}