我可以从我的Nuxt 3项目中删除app.vue文件吗?

wyyhbhjk  于 2023-10-23  发布在  Vue.js
关注(0)|答案(1)|浏览(254)

我是Nuxt 3的新手,在一些教程中,我看到他们删除了 * app.vue* 文件并创建了 pages/ 目录,并在其中放置了index.vue文件,这将是应用程序的入口点,这是正确的还是我应该保留app.vue文件作为应用程序的入口点?
我试过删除 app.vue 文件并保留它,我没有注意到任何差异。

mpbci0fu

mpbci0fu1#

是的,你可以删除它,甚至你可以用default.vue创建一个布局目录,并在那里添加页眉和页脚组件。但如果我是你,我不会这样做,因为如果你想添加一个

<NuxtLoadingIndicator :throttle="0" :height="2" class="bg-orange" />

对于在更改页面时显示进度条,如果它在所有具有不同布局的页面中出现,即使您想使用吐司进行通知,在这种情况下nuxt ui也会更好

<UNotifications />

最好像这样进入app.vue

<template>
  <div>
    <NuxtLoadingIndicator  :throttle="0" :height="2" class="bg-orange" />
    <NuxtLayout>
      <!-- <SeoKit />
      <OgImageScreenshot />
      <OgImageStatic /> -->
      <NuxtPage/>
    </NuxtLayout>
    <UNotifications />
  </div>
</template>

相关问题