Nuxt3 中文课程 《实战全栈开发简书》.

<NuxtPicture>

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

NuxtPicture是对原生picture标签的一种直接替代方式。

使用NuxtPicture几乎与NuxtImg相同,但它还可以在可能的情况下提供现代格式,如webp

了解有关《picture》标签的更多信息

设置

为了使用NuxtPicture,你需要安装并启用Nuxt Image模块:

终端
npx nuxi@latest module add image
了解更多关于《NuxtPicture》组件的信息。