实现方面，先用Vue.component('lazy-component',...)注册了一个全局的组件，然后通过检测位置，如果在视图范围之内就吐出它内部的内容，这个设计还是比较巧妙：
render (h) { if (this.show === false) { return h(this.tag) } return h(this.tag, null, this.$slots.default) },
我们一般用component都是指定一个template，它这里是利用render来自己生成内容，它这里通过一个变量show控制是否绘制内部的内容，开始的时候show为false，那么这里就绘制一个div(tag为div)，等检测（检测div）出现屏幕了，show就为true，就会绘制它内部的真实内容了（this.$slots.default就是自定义控件下面的内容）。
lazy-component作为一个组件，给外部提供了一个回调事件（show），表示已经开始load了，所以我们可以在外层监听这个事件：
load () { this.show = true this.state.loaded = true this.$emit('show', this) }
我们来看一个做好的demo，这个demo还是以实现图片懒加载为主。
注:lazy-component本身不能实现图片懒加载，它只是实现组件懒加载，上面demo真正实现懒加载是因为用了v-lazy。lazy-component有一个问题，就是它的上方必须要有东西，否则可能没有效果，因为它在检测的时候有一个判断：bottom>0，所以如果你在第一个元素使用lazy-component可能没有效果。