nuxt3实现自定义页面Loading效果

1.自定义loading中的组件（略）

2.app.vue中引用该组件

 <NuxtLoadingIndicator color="blue"/>
  <Loading v-if="isFullLoading"/>
  <NuxtLayout>
    <NuxtPage keepalive/>
  </NuxtLayout>

3.通过nuxt3 hooks里控制显示隐藏

// 是否首次加载
const isFullLoading = ref(true)
const nuxtApp = useNuxtApp()

nuxtApp.hook('page:start', () => {
  isFullLoading.value = true
})

nuxtApp.hook('page:finish', () => {
  isFullLoading.value = false
})