<NuxtPicture>
Nuxt 提供了一个 <NuxtPicture> 组件用于自动图片优化。
<NuxtPicture>
是对原生 <picture>
标签的替代组件。
<NuxtPicture>
的使用方法与 <NuxtImg>
几乎相同,但它还允许在可能的情况下提供现代格式如 webp
。
安装
要使用 <NuxtPicture>
,你需要安装并启用 Nuxt Image 模块:
Terminal
npx nuxt module add image
<NuxtPicture>
是对原生 <picture>
标签的替代组件。
<NuxtPicture>
的使用方法与 <NuxtImg>
几乎相同,但它还允许在可能的情况下提供现代格式如 webp
。
要使用 <NuxtPicture>
,你需要安装并启用 Nuxt Image 模块:
npx nuxt module add image