v3
GitHub

<NuxtPicture>

源码
Nuxt 提供了一个 <NuxtPicture> 组件用于自动图片优化。

<NuxtPicture> 是对原生 <picture> 标签的替代组件。

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

详细了解<picture> 标签，查看 MDN 文档。

安装

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

Terminal
npx nuxt module add image
查看更多关于 <NuxtPicture> 组件的信息。