vue1.0 lazyload

在 Vue.js 1.0 中实现图片懒加载（lazyload）的方法比较简单，可以通过自定义指令来实现。

首先，在 Vue.js 中定义一个自定义指令，比如叫做 lazyload，代码如下：

Vue.directive('lazyload', {
  bind: function (el, binding) {
    var img = new Image();
    img.src = binding.value;
    img.onload = function () {
      el.style.backgroundImage = 'url(' + binding.value + ')';
    };
  }
});

然后，在需要懒加载的图片元素上添加 v-lazyload 指令，并将图片路径作为指令的值传入，例如：

<div v-lazyload="'/path/to/image.jpg'"></div>

当页面滚动到该图片所在的位置时，图片才会被加载并显示出来。