app.vue
app.vue 檔案是您 Nuxt 應用程式的主要元件。
最簡用法
在 Nuxt 3 中,pages/
目錄是選用的。如果不存在,Nuxt 將不會包含 vue-router 依賴項。這在處理登陸頁面或不需要路由的應用程式時非常有用。
app.vue
<template>
<h1>Hello World!</h1>
</template>
在文件 > 範例 > Hello World中閱讀和編輯即時範例。
與頁面一起使用
如果您有 pages/
目錄,要顯示目前頁面,請使用 <NuxtPage>
元件
app.vue
<template>
<div>
<NuxtLayout>
<NuxtPage/>
</NuxtLayout>
</div>
</template>
由於
<NuxtPage>
在內部使用 Vue 的 <Suspense>
元件,因此它不能設定為根元素。請記住,
app.vue
作為您 Nuxt 應用程式的主要元件。您新增到它的任何內容(JS 和 CSS)都將是全域的,並包含在每個頁面中。