<NuxtPicture>

源码
Nuxt 提供了 <NuxtPicture> 组件来处理自动图像优化。

Maschinelle Übersetzung ·3 % geprüft

<NuxtPicture> 是原生 <picture> 标签的可替换组件，可直接替换原生标签。

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

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

设置

要使用 <NuxtPicture>，应安装并启用 Nuxt Image 模块：

Terminal
npx nuxt module add image
了解有关 <NuxtPicture> 组件的更多信息。