v-lazy — custom directive. loading="lazy" — native attribute.
v-lazy (vue-lazyload):
1<template>2 <img v-lazy="imageUrl" />34 <!-- With placeholder -->5 <img v-lazy="{ src: imageUrl, loading: placeholder }" />6</template>
loading="lazy" (native):
1<template>2 <img :src="imageUrl" loading="lazy" />34 <!-- For iframes -->5 <iframe :src="videoUrl" loading="lazy"></iframe>6</template>
Key differences: