<NuxtPicture>
Nuxt 提供了一个 <NuxtPicture> 组件来处理自动图像优化。
<NuxtPicture> 是原生 <picture> 标签的直接替代品。
<NuxtPicture> 的用法与 <NuxtImg> 几乎完全相同,但它还允许在可能的情况下提供诸如 webp 之类的现代格式。
了解更多关于MDN 上的 <picture> 标签.
设置
为了使用 <NuxtPicture>,您需要安装并启用 Nuxt Image 模块。
终端
npx nuxt module add image