<NuxtPicture>

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

<NuxtPicture> 是原生 <picture> 标签的直接替代品。

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

设置

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

终端

npx nuxt module add image

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

这有帮助吗？

如果其任何子组件在 SSR 中触发错误，Nuxt 提供 <NuxtClientFallback> 组件以在客户端渲染其内容

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