<NuxtPicture> · Nuxt 組件

<NuxtPicture> 是原生 <picture> 標籤的直接替換品。

<NuxtPicture> 的使用方式幾乎與 <NuxtImg> 相同，但它也允許在可能的情況下提供現代格式，例如 webp。

設定

為了使用 <NuxtPicture>，您應該安裝並啟用 Nuxt Image 模組

終端機

npx nuxi@latest module add image

閱讀更多關於 <NuxtPicture> 元件的資訊。

Nuxt 提供 <NuxtImg> 元件來處理自動圖片最佳化。

<Teleport> 元件會將元件傳送到 DOM 中不同的位置。