<NuxtPicture>

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

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

<NuxtPicture> 的用法与 <NuxtImg> 几乎相同，但它还允许在可能时提供诸如 webp 之类的现代格式。

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

设置

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

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