<NuxtPicture> - Nuxt 组件 - Nuxt 中文文档

<NuxtPicture> 是原生 <picture> 标签的一个即插即用替换组件。

<NuxtPicture> 的使用几乎与 <NuxtImg> 相同，但它还允许在可能的情况下提供现代格式，如 webp。

在 MDN 上了解更多关于 <picture> 标签的信息。

设置

为了使用 <NuxtPicture>，你应该安装并启用Nuxt Image模块：

Terminal

npx nuxi@latest module add image

了解更多关于 <NuxtPicture> 组件的信息。

Nuxt 提供了一个 <NuxtImg> 组件来自动处理图像优化。

<Teleport> 组件将一个组件传送到 DOM 中的不同位置。