<NuxtPicture> · Nuxt 组件

<NuxtPicture> 是原生 <picture> 标签的替代方案。

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

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

设置

为了使用 <NuxtPicture>，您应该安装并启用 Nuxt Image 模块

终端

npx nuxi@latest module add image

阅读更多关于 <NuxtPicture> 组件的信息。

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

<Teleport> 组件将组件传送到 DOM 中的不同位置。