Get started with vue-lazyload CDN

MIT licensed

Vue-lazyload is a Vue.js plugin for loading images progressively, improving page loading performance.

Tags:
  • vue-lazyload
  • vue
  • lazyload
  • vue-directive

Stable version

Copied!

How to start using vue-lazyload CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with vue-lazyload CDN - cdnhub.io</title>
  <style>
    .lazyimage {
      width: 300px;
      height: 200px;
      object-fit: cover;
      border: 1px solid #ccc;
    }
  </style>
</head>
<body>
  <div id="app">
    <img class="lazyimage" data-src="image.jpg" v-lazy="'https://example.com/image.jpg'">
  </div>
  <script src="https://cdn.jsdelivr.net/npm/vue@2.x/dist/vue.js"></script>
  <script src="https://cdn.cdnhub.io/vue-lazyload/3.0.0/vue-lazyload.js"></script>
  <script>
    new Vue({
      el: '#app',
    });
  </script>
</body>
</html>
Copied!
Copied!

All versions