我在 VUE 3 中找不到 defaultLayout

Question

我看到在 Vue 2 中有一個文件夾/layouts ，里面有一個默認模板，它為每個 vue 視圖呈現。

在 vue 3 中，我沒有看到那個文件夾，我試圖研究更多，我發現我們有.nuxt/文件夾，在/layouts文件夾中，但是那個布局，它覆蓋了一個空頁面，每次我運行npm 運行開發

有人可以告訴我如何為我的視圖設置默認布局嗎？ 與我的 css、標題、導航欄等

謝謝

Answer 1

在 nuxt 3 中，您需要創建layouts文件夾。

要添加默認布局：

1. 在 nuxt 3 應用程序的根目錄中創建layouts文件夾（路徑：/layouts）。
2. 創建一個default.vue （路徑：/layouts/default.vue）。
3. 將代碼添加到默認布局。

要在您的應用程序/頁面中使用默認布局：

<template>
  <NuxtLayout>
    some page content
  </NuxtLayout>
</template>

參考： https://nuxt.com/docs/guide/directory-structure/layouts