<NuxtImg>

<NuxtImg> 是原生 <img> 标签的即用替换组件。

• 使用内置 provider 优化本地和远程图片
• 将 src 转换为 provider 优化的 URL
• 根据 width 和 height 自动调整图片尺寸
• 提供 sizes 选项时生成响应式尺寸
• 支持原生懒加载以及其他 <img> 属性

安装

要使用 <NuxtImg>，你应该安装并启用 Nuxt Image 模块：

npx nuxt module add image

用法

<NuxtImg> 直接输出原生 img 标签（不包含任何包裹元素）。像使用 <img> 标签一样使用它：

<NuxtImg src="/nuxt-icon.png" />

结果将是：

<img src="/nuxt-icon.png" />

阅读更多关于 <NuxtImg> 组件的内容。 :